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新 媒体 囊括 了 媒体 信息 化 的 全 部 ， 包括 的 数字 化 媒体 有 : 传统 媒体 、 网 络 媒体 、 
移动 应 媒体 、 数 字 电视 、 数 字 报 纸 杂 志 等 . 

相信 很 多 人 还 不 太 了 解 新 媒体 和 新 媒体 运营 ， 那 么 它们 到 底 是 什么 呢 ? 它 最 基本 
pe 在 新 时 代 互 联网 中 ， 没 有 永恒 的 保持 热度 的 产品 和 品牌 ， 我 
] 所 4 在 这 些 设计 基础 上 不 断 创 新 ， 这 就 是 新 媒体 平台 。 

2 很 多 人 都 在 呼吁 要 了 解 新 媒体 ， 但 究竟 该 如 何 了 解 ? 大 家 又 说 不 出 个 所 以 
然 来 。 新 媒体 是 随 着 移动 互联 网 而 产生 的 ， 也 是 今后 几 年 媒体 发 展 的 大 趋势 ， 新 媒体 
将 成 为 我 们 做 好 公关 、 品 牌 推广 、 产 品 宣传 、 增 粉 引流 的 重要 渠道 和 方法 。 

新 媒体 营销 传播 速度 快 、 成 本 低 、 信 息 量 大 、 内 容 丰富 、 互 动 性 强 ， 能 为 企业 宣 
传 、 产 品 销售 、 自 媒体 吸 粉 带 来 良好 的 效果 ， 因 此 对 于 运营 人 员 十 分 重要 。 对 于 新 媒 
体 来 说 ， 内 容 和 链接 是 最 重要 的 两 个 部 分 ， 把 内 容 和 链接 做 好 ， 就 是 我 们 做 好 营销 扒 
广 的 最 锋利 的 武器 。 

在 整个 互联 网 时 代 ， 电 商 、 广 告 、 增 值 服务 需求 大 ,借助 新 媒体 ,可 以 自然 地 连 
接 起 自 媒体 和 广告 主 ， 让 前 者 有 收益 、 后 者 有 流量 ， 各 取 所 需 。 由 于 新 媒体 逐渐 由 执 
站 向 ,新 站 全美 工 也 庙 运 生 新 织 人 美工 生 要 是 对 人 所 胃 人 浊 行 闫 化 ,全 


1 一 书 主要 是 从 众多 的 新 媒体 平台 中 精 选 一 些 热门 平 
人 台 ， 并 且 每 个 平台 都 搭配 了 实战 案例 ， 详 细 讲 解 了 多 种 行业 与 多 个 模块 的 制作 方法 ， 
手把手 地 教 大 家 制作 爆 款 新 媒体 美工 作品 ， 赢 得 更 大 的 市 场 与 机 会 。 

本 书 共 分 为 两 大 篇 ， 一 条 龙 解决 用 户 学 习 新 媒体 美工 设计 的 需求 ， 本 书 的 具 
体内 容 安排 如 下 。 本 书 配套 资源 请 从 清华 大 学 出 版 社 官网 下 载 (http://www.tup. 
tsinghua.edu.cn/)。 

【新 手 入 门 篇 】 : 主要 讲解 了 新 媒体 美工 设计 作品 案例 以 及 创意 设计 等 内 容 ， 用 
通俗 易 懂 的 方式 ， 阐 述 新 媒体 美工 的 设计 和 制作 方法 ， 将 各 种 最 新 技术 应 用 于 新 媒体 
运营 推广 ， 最 大 程度 地 吸引 用 户 关注 。 

【平台 制作 篇 】 : 主要 包括 朋友 圈 、 公 众 号 、 小 程序 、 头 条 号 、 微 博 、 知 乎 、 豆 
准 、 论 坛 、 快 手 、 拌 音 、 微 课 、 直 播 、 微 商 等 多 个 新 媒体 平台 ,从 创意 角度 和 技术 角 
度 讨论 新 媒体 美工 设计 ， 看 大 品牌 是 怎么 把 新 媒体 美工 做 成 功 的 ， 让 我 们 一 起 跟 上 时 
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代步 伐 。 

本 书 是 一 本 综合 实战 型 的 新 媒体 美工 设计 教程 ， 除 了 有 理论 知识 的 讲解 之 外 ， 还 
有 各 个 领域 实战 案例 的 讲解 。 如 果 你 准备 向 新 媒体 美工 设计 行业 发 展 ， 那 么 本 书 一 定 
适合 你 。 一 书 在 手 ， 可 以 涵盖 新 媒体 美工 设计 和 运营 技巧 , 应有尽有 。 本 书 具有 如 下 
特点 。 


完整 的 流程 :帮助 读者 利用 各 种 精美 素材 设计 出 精美 的 作品 ， 详 细 分 析 各 个 案例 
流程 ， 让 您 熟练 掌握 设计 技巧 ! 
热门 的 创意 : 顶级 创意 ， 随 意 挑选 ， 将 创意 思想 更 加 完美 地 运用 到 新 媒体 美工 页 
面 设计 当中 ， 让 你 的 设计 作品 更 加 优秀 并 更 有 价值 ! 
经 典 的 案例 : 大 量 的 品牌 新 媒体 美工 案例 ，30 多 个 优质 实战 案例 设计 并 分 享 全 部 
教程 ， 让 你 的 设计 更 有 意义 ! 
行业 范围 广 : 圳 括 房产 、 餐 饮 ,汽车 、 电子 数码 .时尚 饰 品 . 互联 网 金融 、 新 夫 售 电 商 、 
网 络 游戏 、 新 闻 资 讯 以 及 在 线 教育 等 行业 ， 总 有 适合 你 的 。 

本 书 博 采 其 他 同类 书籍 的 特色 ， 通 过 这 种 系统 而 翔实 的 讲述 ， 希 望 能 够 为 读者 带 
来 真实 的 运营 帮助 ， 让 读者 零 预 算 也 能 做 出 高 端 大 气 上 档次 的 新 媒体 设计 ， 让 产品 的 
流量 和 转化 暴涨 。 

本 书 汇集 作者 多 年 在 实际 工作 中 总 结 的 宝贵 经 验 ， 从 实战 角度 出 发 ， 全 面 、 系 统 
地 讲解 了 新 媒体 美工 的 实战 运用 ， 采 用 商业 案例 与 设计 理念 相 结合 的 方式 进行 编写 ， 
系统 地 向 读者 讲解 如 何 科学 合理 、 正 确 有 效 地 进行 新 媒体 内 容 的 设计 。 同 时 ， 本 书 通 
过 大 量 的 案例 剖析 ， 从 “学 以 致 用 ”的 角度 出 发 ， 讲 解 新 媒体 设计 知识 、 新 媒体 平台 
制作 、 新 媒体 广告 设计 、 新 媒体 文案 排版 以 及 新 媒体 视觉 运营 等 实战 操作 。 

本 书 安排 了 大 量具 有 针对 性 的 实例 ， 并 配 以 详细 的 教学 视频 ， 总 计 420 多 分 钟 ， 层 
层 深入 地 讲解 案例 制作 ,帮助 读者 轻松 掌握 软件 的 使 用 技巧 和 具体 应 用 ,做 到 学 以 致 用 。 

本 书 主要 由 叶 龙 编著 ， 参 与 编写 的 人 员 还 有 罗 梦 璇 、 刘 胜 璋 、 刘 向 东 、 刘 松 异 、 
刘 伟 、 卢 博 、 周 旭 阳 、 圳 淑敏 、 谭 中 阳 、 杨 端阳 、 李 四 华 、 王 力 建 、 柏 承 能 、 刘 桂花 、 
柏 松 、 谭 贤 、 谭 俊杰 、 徐 茜 、 刘 巡 、 柏 慧 等 人 ， 在 此 表示 感谢 。 由 于 作者 知识 水 平 有 限 ， 
书 中 难免 有 了 朴 漏 之 处 ， 尽 请 广大 读者 批评 、 指 正 。 
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新 媒体 是 一 种 新 的 媒体 形态 ， 它 可 以 同时 向 所 有 人 提供 同样 的 内 容 ， 它 被 
形象 地 称 为 “第 五 媒体 ”。 新 媒体 将 成 为 新 时 代 的 主要 传播 方式 ， 所 以 美化 新 
媒体 界面 的 新 媒体 美工 也 必 将 成 为 热门 职业 。 


本 章 重 点 导 jn 


基础 认识 : 入 门 新 媒体 美工 
设计 

配色 宝典 : 丰富 多 彩 的 色彩 
搭配 


@ 版 式 设 计 : 新 媒体 美工 版 式 
布局 


@ 注意 事项 : 新 媒体 界面 的 实 


新 媒体 美工 从 mm en em > 


By 
1.1 基础 认识 : 入 门 新 媒体 美工 设计 


新 媒体 将 成 为 新 时 代 的 主要 传播 方式 ， 它 重 塑 了 信息 传播 流程 ， 最 大 限度 地 激发 了 各 行 
各 业 的 生产 潜力 ， 而 且 现在 互联 网 的 普及 降低 了 信息 发 布 门槛 ， 使 大 众 不 再 是 单纯 的 信息 接 
收 者， 他 们 也 可 以 参与 到 信息 生产 中 ， 并 慢 慢 地 成 为 新 的 信息 传播 者 。 作 为 美化 新 媒体 界面 
的 新 媒体 美工 的 重要 程度 也 不 言 而 喻 。 本 节 主 要 介绍 新 媒体 美工 设计 的 基础 知识 。 


1.1.1 新 媒体 的 运用 o| 

新 媒体 是 相对 于 传统 媒体 来 说 的 ， 它 是 一 种 利用 数字 技术 、 网 络 技术 、 移 动 技术 通过 互 
联网 、 无 线 通信 网 、 有 线 网 络 等 渠道 以 及 电脑 、 手 机 、 数 字 电 视 机 等 终端 ， 向 用 户 提供 信息 
和 娱乐 的 传播 形态 。 

在 整个 互联 网 时 代 ， 电 商 、 广 告 以 及 增值 服务 的 需求 非常 大 ， 借 助 新 媒体 ， 可 以 自然 地 
连接 起 自 媒体 和 广告 主 ， 让 前 者 有 收益 、 后 者 有 流量 ， 各 取 所 需 。 

由 于 新 媒体 逐渐 由 热门 转向 火爆 ， 新 媒体 美工 也 应 运 而 生 。 新 媒体 美工 主要 是 对 传播 的 
新 型 媒体 如 朋友 圈 、 公 众 号 、 小 程序 、 头 条 号 、 微 博 以 及 微 店 等 界面 进行 图 片 美化 与 布局 排 
版 的 设计 师 ， 使 其 给 大 众 提供 更 加 舒适 的 视觉 体验 ， 也 让 信息 更 快捷 地 传递 给 大 众 。 如 图 1-1 
所 示 ， 是 一 些 运 用 新 媒体 美工 技术 设计 的 界面 。 
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1-1 运用 新 媒体 美工 技术 设计 的 部 分 界面 


1.1.2 怎样 成 为 一 个 好 美工 局 
从 网 络 上 的 点 击 量 来 看 ， 新 媒体 一 直 是 一 个 热门 话题 ， 界 面 作为 用 户 打开 时 第 一 眼看 到 


入 门 基础 : 
<&<<< 从 零 开始 了 解 新 媒体 美 了 


的 东西 ， 美 观 性 是 很 重要 的 ， 它 的 美观 度 直接 关系 到 用 户 是 否 会 留 下 来 继续 浏览 界面 中 的 信 
息 ， 所 以 新 媒体 美工 的 作用 是 很 大 的 。 

新 媒体 美工 设计 的 主要 原则 就 是 满足 企业 的 需求 。 新 媒体 美工 设计 通常 要 与 商业 活动 相 
关 ， 要 在 商业 目的 上 做 合适 的 设计 ， 在 设计 过 程 中 ， 一 方面 要 掌握 色彩 搭配、 网 页 构成 ( 平 
面 构成 以 及 立体 构成 )， 同 时 也 要 兼顾 文案 / 创意、 市 场 营 销 、 用 户 体验 和 消费 者 心理 ， 如 
图 1-2 所 示 。 

新 媒体 美工 设计 的 核心 是 视觉 创意 设计 ， 通 过 视觉 表现 让 各 种 新 媒体 内 容 更 具 冲 击 力 和 
吸引 力 ， 并 引起 用 户 的 关注 和 兴趣 ， 从 而 将 内 容 和 信息 传达 给 他 们 ， 最 终 获 得 用 户 的 点 击 、 
关注 、 转 发 以 及 参与 等 行为 。 


消费 者 心理 


1-2 符合 企业 需求 的 新 媒体 美工 技术 
因此 ， 新 媒体 与 美工 设计 具有 极 强 的 互动 关系 ， 虽 然 新 媒体 可 以 更 好 地 传达 设计 者 的 美 
工 创意 理念 ， 同 时 为 他 们 带 来 了 更 加 广阔 的 发 展 空 间 ， 新 媒体 也 在 制约 着 美工 设计 ， 但 是 ， 
所 有 的 设计 作品 必须 以 新 媒体 为 渠道 来 传播 ， 这 也 是 新 媒体 美工 获得 快速 发 展 的 原动力 。 


1.1.3_ 新 媒体 美工 的 岗位 要 求 已 


新 媒体 美工 设计 师 是 互联 网 + 时 代 的 “黄金 职业 ”， 前 景 广 ， 就 业 好 ， 薪 资 高 ， 已 成 为 
人 才 市 场 上 十 分 紧俏 的 职业 ， 行 业 前 景 非常 广阔 。 同 时 ， 新 媒体 美工 的 发 展 方向 非常 广 ， 更 
容易 转型 为 网 站 设计 师 、UI 设 计 师 、 产 品 经 理 以 及 平面 设计 等 , 甚至 有 可 能 成 长 为 全 能 设计 师 。 

当然 ， 很 多 企业 对 于 新 媒体 美工 这 个 岗位 有 一 定 的 要 求 ， 如 图 1-3 所 示 ， 列 举 了 一 些 常 
见 的 岗位 要 求 。 

另外 ， 新 媒体 美工 设计 人 员 还 需要 学 习 一 些 工 具 的 使 用 方法 ， 如 图 1-4 所 示 。 本 书 将 在 
商业 案例 的 讲解 中 结合 设计 软件 的 使 用 方法 ， 让 读者 不 只 是 单纯 学 软件 操作 ， 更 懂得 设计 软 
件 的 使 用 技巧 与 设计 原理 的 完美 融合 。 


= 


ee 


新 媒体 美工 一 = 一 ps 
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新 媒体 美工 I 
体 人 “了 本 
EE 
五 险 -全 。 局 未 双 休 。 声 补 
职位 月 关 , 200-tooo 元 /月 国 工作 地 点 : 烟台 
职位 描述 发 布 日 期: 最 这 工作 性 质 : 全 职 
工作 这: 不 恨 最 全 学历: 不 了 
招 风 人 站 3 人 职位 区 别 。 平面 设计 
岗位 职责 : 
1、 充 成 向 信 平台 页 面 美化 设计 ， 配 全 内 容 杭 名 ,增强 文章 阅读 ; 1 i 和 
2、 根 据 下 信 第 刘 的 主题 及 内 容 , 制定 活 画 风 格 ， 设计 特色 的 图 男 、 温 画 、GIF 制 作 ; 
i : 人 职 和: 
3、 独 立 完成 括 男 的 创意 手稿 和 成 品 工作 ， 并 进行 全 程 的 质量 归附; rie 
任职 次 性 : 2、 公 司 新 品 没 计 、 外 外 莹 设计 以 及 产品 下 设计 
y 3.、 公司 短信 平台 各 类 图片 设计 
1、 闵 院 术 括 画 、 给 加 寺 相 关 专业 优先 ; it 
2、 较 强手 给 能 力 并 且 能 台 对 虹 应 用 手 给 板 ; 5、 上 加 领导 交代 的 其 他 任务 
作 了 次: 
3、 热 要 绘画 ,具备 优秀 的 艺术 构思 能 力 和 设计 技巧 ; RE 
4、 册 终 使 用 各 种 播 图 相关 软件 和 平面 设计 软件 ; 2 于 使 有 photoahop、ecreltrsm、si 等 软件 ， 允 打工 作 
4、 平面 设计 、 广 和 他 总 和 内 位 ?年 以 上 工作 经 这 
5、 较 强 的 创意 、 第 划 能 力 ,思维 考生 ; Dt 
5、 熟练 使 用 photoshop 竺 常用 设计 制作 软件 ; 5、 工 作 认真 、 帆 详 ， 具 有 良好 的 职业 素养 及 职业 道德 
7、 应 聘 时 请 务必 提供 个 作品 = 


B:00-12:00, 19:30-17: 0 


图 1-3 新 媒体 美工 的 岗位 要 求 


学 习 设计 原理 ， 拒 绝 单纯 软件 操作 


Photoshop After Effects Illustrator InDesign 
图 像 编辑 与 合成 电影 视觉 和 动态 图 形 矢量 图 形 和 插图 页 面 设计 和 排版 
HTML5 Fireworks Dreamweaver CSS 
图 像 编辑 与 合成 网 页 作 图 软件 Web 和 移动 设计 图 像 编辑 与 合成 


图 1-4 新 媒体 美工 常用 的 工具 
下 面 根据 58 同城 、 前 程 无 忧 以 及 智联 招聘 等 招聘 平台 实例 ， 总 结 了 一 些 新 媒体 美工 岗位 
的 具体 要 求 。 
(1) 会 用 PS、AI、CDR 等 设计 软件 。 
(2) 完成 微 信 平台 页 面 美化 设计 、 活 动 方案 设计 、VI 设计 、 产 品 LOGO 和 宣传 彩 页 等 。 
G) 完成 微 信 朋友 圈 及 公众 号 图 片 的 处 理 和 美化 设计 等 ， 对 微 信 公 众 号 进行 更 新 及 维护 。 
(4) 负责 微 博 、 微 信 各 种 创意 广告 图 片 、 海 报 、 宣 传 册 、 画 册 、 促 销 专题 页 面 的 设计 。 


信 4 
Eee 


入 门 基础 : 
《KKK 从 零 开 始 了 解 委 召 体 关 工 攻 


(5) 活动 海报 的 设计 、 推 广 页 面 的 设计 以 及 企业 宣传 册 、 产 品 图 册 、 单 页 和 招商 手册 的 制 
作 等 。 

(6) 进行 新 媒体 互动 页 面 的 整体 美工 创意 、 设 计 、 制 作 以 及 美化 。 

(7) 为 网 站 设计 广告 图 片 、 横 幅 及 动画 广告 。 

(8) 协助 各 业务 部 门 制作 PPT 和 产品 演示 版 本 等 。 

(9) 图 片 制作 : 如 一 年 中 不 同 节日 主题 的 祝福 图 片 ， 适 用 于 微 信 表 情 的 早晚 问安 及 其 他 主 
题 图 片 ， 简 单 海报 制作 ， 易 企 秀 等 软件 制作 宣传 小 视频 及 邀请 函 等 。 

(10) 负责 微 信 小 程序 产品 的 发 布 与 设计 。 

(11) 根据 微 信 策划 的 主题 及 内 容 ， 设 计 特 色 的 图 画 、 漫 画 以 及 GIF 制作 。 

(12) 负责 微 博 、 微 信 大 型 活动 方案 的 策划 、 创 意 、 执 行 、 运 营 以 及 汇报 和 总 结 。 

(13) 负责 公司 平面 宣传 资料 的 设计 。 

(14) 精通 拍摄 后 期 修 片 流程 工作 ， 熟 练 掌握 PS 和 LR 等 相关 修 图 软件 ， 有 相关 作品 。 

(15) 擅长 微 信 公众 号 平台 的 文案 编辑 ， 提 升 粉 丝 数量 和 增长 量 。 


1.2 配色 宝典 : 丰富 多 彩 的 色彩 搭配 


对 于 看 到 新 媒体 作品 的 用 户 来 说 ， 他 们 首先 会 被 界面 中 的 色彩 所 吸引 ， 然 后 根据 色彩 的 
走向 对 画面 的 主 次 逐一 进行 了 解 。 本 节 主 要 对 新 媒体 的 色彩 设计 知识 进行 讲解 ， 这 些 基 础 知 
识 也 是 后 期 新 媒体 设计 配色 中 的 关键 所 在 。 


1.2.1_ 怎样 定义 主 色调 D 


在 大 自然 中 ， 我 们 经 常见 到 这 样 一 种 现象 : 不 同 颜色 的 物体 或 被 笼 畦 在 一 片 金色 的 阳光 
之 中 ， 或 被 知音 在 一 片 轻 纱 薄 雾 般 淡 蓝 色 的 月 色 之 中 ， 或 被 秋天 迷人 的 金黄 色 所 知音 :或 被 
统一 在 冬季 银白 色 的 世界 之 中 。 这 种 在 不 同 颜色 的 物体 上 ， 笼 单 着 某 一 种 色彩 ， 使 不 同 颜色 
的 物体 都 带 有 同一 色彩 倾向 的 色彩 就 是 色调 。 

色调 指 的 是 新 媒体 界面 中 画面 色彩 的 总 体 倾向 ， 是 大 方向 的 色彩 效果 。 在 新 媒体 美工 设 
计 的 过 程 中 ， 往 往 会 使 用 多 种 颜色 来 表现 形式 多 样 的 画面 效果 ， 但 总 体 都 会 持 有 一 种 倾向 ， 
是 偏 黄 或 偏 绿 , 是 偏 冷 或 偏 暖 等 , 这 种 颜色 上 的 倾向 就 是 画面 给 人 的 总 体 印象 , 如 图 1-5 所 示 。 

色调 是 色彩 运用 中 的 主旋律 ， 是 构成 新 媒体 界面 的 整体 色彩 倾向 ， 也 可 以 称 之 为 “色彩 
的 基调 ”， 画 面 中 的 色调 不 仅仅 是 指 单一 的 色彩 效果 ， 还 是 色彩 与 色彩 直接 相互 关系 中 所 体 
现 的 总 体 特征 ， 是 色彩 组 合 呈现 出 的 多 样 、 统 一 的 色彩 倾向 。 
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图 1-5 ”不同 色调 的 新 媒体 美工 设计 


1.2.2_ 调 和 配色 的 基本 技巧 o| 


“ 调 ” 是 调整 、 调 配 、 安排 、 搭配 和 组 合 等 意思 ; “和 ”可 理解 为 和 谐 、 融洽、 恰当、 适宜、 
有 秩序 、 有 条 理 ， 没 有 尖锐 的 冲突 ， 相 得 益 彰 等 。 配 色 的 目的 就 是 为 了 制造 美的 色彩 组 合 
而 和 谐 是 色彩 美的 首要 前 提 ， 和 谐 的 色调 让 人 感觉 到 愉悦 ， 同 时 调配 后 的 颜色 还 能 满足 人 们 
视觉 上 的 需求 以 及 心理 上 的 平衡 。 

我 们 知道 ， 和 谐 来 自 对 比 ， 和 谐 就 是 美 。 没 有 对 比 就 没有 刺激 神经 兴奋 的 因素 ， 但 只 有 

兴奋 而 没有 舒适 的 休息 会 造成 过 分 的 疲劳 ， 会 造成 精神 的 紧张 ， 这 样 调和 也 就 成 了 一 句 空话 。 

所 以 ， 在 设计 新 媒体 作品 时 ， 既 要 有 对 比 来 产生 和 谐 的 刺激 美 ， 又 要 有 适当 的 调和 来 抑制 过 
分 的 对 比 刺 激 ， 从 而 产生 一 种 恰到好处 的 对 比 。 总 体 来 说 ， 色 彩 的 对 比 是 绝对 的 ， 而 调和 是 
相对 的 ， 调 和 是 实现 色彩 美的 重要 手段 。 

1. 与 色相 一 致 的 调和 配色 

在 保证 色相 大 致 不 变 的 前 提 下 ， 通 过 改变 色彩 的 明度 和 纯度 来 获得 配色 的 效果 ， 这 类 配 
色 方 式 保持 了 色相 上 的 一 致 性 ， 所 以 色彩 在 整体 效果 上 很 容易 达到 调和 。 

例如 ，“ 同 一 色相 配色 ”是 指 相同 的 颜色 在 一 起 的 搭配 方法 ， 比 如 紫色 的 上 衣 配 上 红色 
的 裤子 或 者 裙子 ,这样 的 配色 方法 就 是 同一 色相 配色 法 。 如 图 1-6 所 示 ， 画 面 中 海报 的 文字 、 
背景 等 都 使 用 红色 系 进行 搭配 ， 通 过 明度 的 变化 使 其 产生 强烈 的 对 比 ， 并 使 画面 配色 更 加 丰 
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富 ， 表 现 出 柔和 的 特性 。 


1-6 同一 色相 配色 


2. 与 明度 一 致 的 调和 配色 

明度 是 人 类 分 辩 物 体 色彩 最 敏感 的 色彩 反应 ， 它 的 变化 可 以 表现 出 事物 的 立体 感 和 远近 
感 。 如 希腊 的 雕刻 艺术 就 是 通过 光影 的 作用 产生 了 许多 黑白 灰 的 相互 关系 ， 形 成 了 成 就 感 ， 
中 国 的 国画 也 经 常 使 用 无 彩色 的 明度 搭配 。 有 彩色 的 物体 也 会 受到 光影 的 影响 而 产生 明暗 效 
果 ， 如 紫色 和 黄色 就 有 着 明显 的 明度 差 。 

在 新 媒体 设计 中 ， 一 般 都 使 用 明度 相同 、 色 相 和 站 
纯度 变化 的 配色 方式 。 如 图 1-7 所 示 ， 画 面 中 背景 图 < 
片 均 为 高 明度 调和 配色 ， 带 给 人 清 来、 亮丽 以 及 非常 4 
阳光 的 印象 ， 表 现 出 优雅 和 含蓄 的 氛围 ， 是 一 组 柔和 
且 明 朗 的 色彩 组 合 方式 ,非常 符合 画面 中 女性 凉 圭 的 
特点 。 且 通过 同样 大 小 的 圆 形 字 母 来 组 成 主题 文字 ， 
利用 相同 色相 的 不 同 明度 完成 配色 ， 得 到 一 种 安静 的 
视觉 体验 。 

3. 与 纯度 一 致 的 调和 配色 -于 1 

纯度 的 强 弱 代表 着 色彩 的 鲜 灰 程 度 ， 在 一 组 色彩 
中 当 纯 度 的 水 平 相对 一 致 时 ， 色 彩 的 搭配 也 就 很 容易 
地 获得 调和 的 效果 ， 并 随 着 纯度 高 低 的 不 同 ， 色 彩 的 
搭配 也 会 给 人 以 不 一 样 的 视觉 感受 。 

4. 无 彩色 系列 的 调和 配色 

无 彩色 的 色彩 个 性 并 不 明显 ， 将 无 彩色 与 任何 色彩 搭配 都 可 以 取得 调和 的 色彩 效果 ， 通 
过 无 彩色 与 无 彩色 措 配 ， 可 以 传达 出 一 种 经 典 的 永恒 美感 将 无 彩色 与 有 彩色 搭配 ， 可 以 用 


其 作为 主要 的 色彩 来 调和 色彩 间 的 关系 。 如 图 1-8 所 示 ， 是 由 某 15 广告 推出 的 一 个 小 游戏 ， 
采用 灰白 黑 三 色 ， 加 上 非常 有 趣 的 画 风 ， 与 “搞笑 ”主题 配合 得 非常 贴切 。 
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1-8 以 纯度 为 基础 的 调和 配色 


1.2.3_ 如 何 确定 色彩 风格 | 


对 于 新 媒体 设计 来 说 ， 色 彩 是 最 重要 的 视觉 因素 ， 不 同 的 颜色 代表 不 同 的 情绪 ， 因 此 对 


色彩 的 使 用 应 该 和 设计 的 主题 相 契 合 。 如 图 1-9 所 示 ， 
运用 不 同 颜色 的 按钮 来 代表 其 激活 状态 ， 使 用 户 快速 知道 自己 所 处 的 位 置 。 
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专家 指点 


在 新 媒体 美工 设计 中 ， 有 时 为 了 获得 某 种 特殊 的 效果 ， 或 者 凸显 出 某 个 特殊 的 对 象 ， 
可 以 通过 无 彩色 调和 配色 来 对 设计 的 画面 进行 创作 。 

在 新 媒体 界面 的 制作 过 程 中 ， 根 据 色彩 的 特性 ， 通 过 调整 其 色相 、 明 度 以 及 纯度 之 
间 的 对 比 关系 ， 或 通过 各 色彩 间 面 积 调和 ， 可 以 搭配 出 变化 无 穷 的 新 媒体 界面 效果 。 


1.3 版 式 设 计 : 新 媒体 美工 版 式 布 局 


在 网 店 的 运营 过 程 中 ， 可 以 通过 制作 出 的 美观 、 适 合 商品 的 页 面 ， 获 得 吸引 顾客 、 提 高 
销售 业绩 的 效果 ， 关 键 之 处 就 在 于 装修 设计 的 版 式 布局 。 
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1.3.1 版式 设计 的 基本 布局 D 


在 设置 一 个 新 媒体 界面 时 ， 通 常 包含 了 太 多 的 元 素 ， 这 些 元 素 的 布局 没有 固定 的 章法 可 
循 ， 主 要 靠 设计 师 的 灵活 运用 与 搭配 。 只 有 在 大 量 的 设计 实践 中 熟练 运用 ， 才 能 真正 理解 版 
式 布局 设计 的 形式 原则 并 加 以 运用 ， 从 而 创作 出 优秀 的 新 媒体 广告 作品 。 

1. 对称 与 均衡 

对 称 又 称 “ 均 齐 ”， 是 在 统一 中 求 变化 ， 均 衡 则 侧重 在 变化 中 求 统一 。 

对 称 的 图 形 具有 单纯 、 简 洁 的 美感 以 及 静态 的 安定 感 ， 对 称 可 给 人 以 稳定 、 沉 静 、 端 庄 、 
大 方 的 感觉 ， 产 生 秩序 、 理 性 、 高 贵 、 静 称 之 美 。 对 称 的 形态 在 视觉 上 有 安定 、 自 然 、 均 匀 、 
协调 、 整 齐 、 典 雅 、 庄 重 、 完 美的 朴素 美感 ， 符 合 人 们 通常 的 视觉 习惯 。 

均衡 的 形态 设计 让 人 产生 视觉 与 心理 上 的 完美 、 宁 静 、 和 谐 之 感 。 静 态 平衡 的 格局 大 至 
是 由 对 称 与 均衡 的 形式 构成 。 均 衡 结构 是 一 种 自由 稳定 的 结构 形式 ， 一 个 画面 的 均衡 是 指 画 
面 的 上 与 下 、 左 与 右 实现 面积 、 色 彩 、 重 量 等 的 大 体 平衡。 

在 画面 上 ， 对 称 与 均衡 产生 的 视觉 效果 是 不 同 的 ， 前 者 端庄 静 称 ， 有 统一 感 、 格 律 感 ， 
但 如 过 分 均等 就 容易 显 呆板 ; 后 者 生动 活泼, 有 运动 感 ,但 有 时 因 变化 过 强 而 容易 失衡 。 因此 ， 
在 设计 中 要 注意 把 对 称 、 均 衡 两 种 形式 有 机 地 结合 起 来 灵活 运用 ， 如 图 1-10 所 示 。 

2. 节奏 与 韵律 

节奏 与 韵律 是 物质 运动 的 一 种 周期 性 表现 形式 ， 是 有 规律 的 重复 、 有 组 织 的 变化 现象 ， 
是 艺术 造型 中 求 得 整体 统一 和 变化 ， 从 而 形成 艺术 感染 力 的 一 种 表现 形式 。 韵 律 是 通过 节奏 
的 变化 来 产生 的 ， 对 于 版 面 来 说 ， 只 有 在 组 织 上 符合 某 种 规律 并 具有 一 定 的 节奏 感 ， 才 能 形 
成 某 种 韵律 。 

在 新 媒体 美工 设计 中 ， 合 理 运用 节奏 与 前 律 ， 才 能 将 复杂 的 信息 以 轻松 、 优 雅 的 形式 表 
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现 出 来 。 如 图 1-11 所 示 ， 是 “手机 构图 


彩 和 布局 统一 ， 相 同形 式 的 构图 体现 出 画面 的 韵律 感 ， 


pS 


影 大 全 ”公众 号 中 的 几 张 构图 图 片 ， 几 人 条 荷 花 的 色 


相同 ， 这 样 又 表现 出 节奏 上 的 变化 ， 让 读者 阅读 起 来 更 加 轻松 。 


该 商品 的 详情 页 面 中 使 
左右 对 称 的 形式 进行 
设计 ， 但 不 是 绝对 的 对 
称 ， 画 面 中 的 布局 在 基 
本 元 素 的 安排 上 赋予 固 
定 的 变化 ， 对 称 均衡 ， 
更 灵活 、 更 生动 ， 是 设 
计 中 较为 常用 的 表现 手 
段 ,具有 现代 感 的 特征 ， 
也 让 画面 中 的 商品 细节 
与 文字 搭配 显得 更 自然 
和 谐 。 
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1-11 节奏 与 韵律 的 版 面 布 局 表现 形式 


3. 对 比 与 调和 
从 文字 含义 上 分 析 ， 对 比 与 调和 是 一 对 充满 耶 盾 的 综合 体 ， 但 它们 实质 上 却 又 是 相 辅 相 
媒体 广告 设计 中 ， 画 面 中 的 各 种 设计 元 素 都 存在 着 相互 对 比 的 关系 ， 但 为 


成 的 统一 体 。 在 着 
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而 每 个 画面 中 的 文字 形态 和 内 容 各 不 


入 门 基础 : 
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了 找到 视觉 和 心理 上 的 平衡 ， 设 计 师 往往 会 在 不 断 的 对 比 中 寻求 能 够 相互 协调 的 因素 ， 让 画 
面 同 时 具备 变数 和 和 谐 的 审美 情趣 。 

对 比 : 对 比 是 指 差异 性 的 强调 。 对 比 的 因素 存在 于 相同 或 相 异 的 性 质 之 间 ， 也 就 是 把 相 
对 的 两 要 素 互相 比较 之 下 ， 产 生 大 小 、 明 暗 、 黑 白 、 强 弱 、 粗 细 、 玻 密 、 高 低 、 远 近 、 动 静 、 
轻重 等 对 比 关系 。 对 比 的 最 基本 要 素 是 显示 主 从 关系 和 统一 变化 的 效果 ， 如 图 1-12 所 示 。 

调和 : 调和 是 指 适 合 、 和 舒适、 安定 、 统 一 ， 是 近似 性 的 强调 ， 是 两 者 或 两 者 以 上 的 要 素 
之 间 具 有 的 共性 ， 如 图 1-13 所 示 。 

对 比 与 调和 是 相辅相成 的 ， 在 新 媒体 海报 的 版 面 构成 中 ， 一 般 整 体 版 面 宜 采 用 调和 ， 局 
部 版 面 宜 采 用 对 比 。 
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图 1-12 对 比 布局 的 表现 形式 图 1-13 调和 布局 的 表现 形式 


4. 重复 与 交错 

在 网 店 的 版 面 布局 中 ， 往 往 不 断 重 复 使 用 相同 的 基本 形象 ， 它 们 的 形状 、 大 小 、 方 向 都 
是 相同 的 。 重 复 能 使 设计 产生 安定 、 整 齐 、 规 律 的 统一 

但 重复 构成 后 的 视觉 感受 有 时 容易 显得 呆板 、 平淡 缺乏 趣味 性 ， 因 此 ， 我 们 在 版 面 中 
可 安排 一 些 交 错 与 重 倒 ， 以 打破 版 面 呆板 、 平 淡 的 格局 。 

5. 虚实 与 留 白 

虚实 与 留 白 是 新 媒体 版 面 设计 中 重要 的 视觉 传达 手段 ， 主 要 用 于 为 版 面 增添 灵气 和 制造 
空间 感 。 两 者 都 是 采用 对 比 与 衬托 的 方式 将 版 面 中 的 主体 部 分 烘托 出 来 ， 使 版 面 结构 主 次 更 
加 清晰 ， 同 时 也 能 使 版 面 更 具 层 次 感 。 

留 白 是 版 面 中 未 放置 任何 图 文 的 空间 ， 它 是 “ 虚 ” 的 特殊 表现 手法 。 其 形式 、 大 小 、 比 
例 决定 着 版 面 的 质量 。 贸 自 给 人 的 感 沉 是 和 的 ， 最 大 的 作用 是 引 人 注 意 。 在 排版 设计 中 ， 
巧妙 地 留 白 , 讲究 空白 之 美 , 是 为 了 更 好 地 衬托 主题 、 集 中 视线 和 造成 版 面 的 空间 层次 。 例 如 ， 


站 一 


ee 


新 媒体 美工 K ms en em 2S 
| 完全 操作 手册 


魅 可 产品 的 美 妆 海 报 设计 留 白 ， 如 图 1-14 所 示 。 

在 版 面 中 巧妙 地 留 出 空白 区 域 ， 使 留 白 空间 更 好 地 
衬托 主体 ， 将 读者 视线 集中 在 画面 主题 之 上 。 留 白 的 手 二 
法 在 版 式 设 计 中 运用 广泛 ， 可 使 版 面 更 富 空间 感 ， 给 人 很 


丰富 的 想象 空间 。 
任何 形体 都 具有 一 定 的 实体 空间 ， 而 在 形体 之 外 或 MSCHIEF MINK 
形体 背后 呈现 的 细弱 或 膛 胱 的 文字 、 图 形 和 色彩 就 是 虚 | se FE 


的 空间 。 实 体 空间 与 虚 的 空间 之 间 没 有 绝对 的 分 界 ， 画 
面 中 每 一 个 形体 在 占据 一 定 的 实体 空间 后 ， 常 常 需要 利 
用 一 定 的 虚 的 空间 来 获得 视觉 上 的 动态 与 扩张 感 。 版 面 
虚实 相生 ， 主 体 得 以 强调 ， 画 面 更 具 连 贯 性 。 


1.3.2 图 片 布局 的 技巧 o| 


在 新 媒体 界面 设计 的 过 程 中 ， 图 片 是 除了 文字 外 的 另 一 个 重要 的 传递 信息 途径 ， 也 是 网 
络 销售 和 微 营销 中 最 需要 重点 设计 的 一 个 设计 元 素 。 图 片 比 文字 的 表现 力 更 直接 、 更 快捷 、 
更 形象 、 更 有 效 ， 可 以 让 信息 传递 更 简洁 。 

1. 裁剪 抠 图 ， 提 炼 精华 

在 设计 新 媒体 界面 时 ， 大 部 分 图 片 都 是 由 摄影 师 拍摄 的 ， 它 们 在 表现 形式 上 大 都 是 固定 
不 变 的 ， 或 在 内 容 上 只 有 一 部 分 符合 装修 需要 ， 此 时 就 需要 裁剪 图 片 或 者 对 图 片 进行 抠 图 处 
理 ， 使 它们 更 符合 版 面 设计 的 需求 。 例 如 ， 卡 西欧 手表 的 淘宝 主 图 设计 ， 如 图 1-15 所 示 。 


国 国 


1-14” 留 白 的 版 面 布 局 表现 形式 


图 1-15 抠 图 并 重新 布局 商品 图 片 
2. 缩放 图 片 ， 组 合 布 局 
对 于 同一 种 商品 照片 的 布局 设计 来 说 ， 如 果 进 行 不 同比 例 的 缩放 ， 也 会 获得 不 同 的 视觉 
效果 ， 从 而 凸显 出 不 同 的 重点 。 
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如 图 1-16 所 示 ， 为 某 女 鞋 的 详情 页 ， 在 处 理 图 片 的 过 程 中 ， 通 过 实 拍照 片 展示 商品 的 整 
体 效果 ， 凸 显 出 商品 的 外 形 特点 ， 让 顾客 对 商品 的 注意 力 更 加 集中 。 同 时 ， 将 图 片 进 行 缩放 ， 
展示 出 商品 的 细节 ， 让 顾客 对 商品 的 材质 了 解 得 更 清楚 ， 真 实地 还 原 商品 的 质感 ， 更 容易 获 
得 顾客 的 认可 ， 给 人 逼真 的 触感 。 

需要 注意 的 是 ， 新 媒体 界面 设计 与 普通 的 网 页 设计 不 同 ， 它 需要 重点 展示 的 是 商品 本 身 ， 
并 宣传 商家 的 理念 ， 因 此 ， 在 设计 过 程 中 ， 可 以 适当 地 对 商品 图 像 进行 遮盖 ， 可 以 让 商品 的 
特点 得 以 凸显 ， 从 而 获得 顾客 更 多 的 关注 。 

如 图 1-17 所 示 ， 画 面 中 通过 将 手机 产品 图 形 抠 取 出 来 ， 并 适当 地 旋转 隐藏 部 分 图 像 ， 使 
主体 商品 在 背景 中 显得 轮廓 更 清晰 、 醒 目 而 获得 一 个 对 称 的 效果 。 
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图 1-16 缩放 图 片 进行 组 合 布局 图 1-17 适当 地 旋转 隐藏 部 分 商品 图 像 


1.4 注意 事项 : 新 媒体 界面 的 实用 性 


除了 用 美观 来 吸引 用 户外 , 新 媒体 界面 还 必须 具备 一 定 的 实用 性 , 要 不 然 就 成 了 一 个 “ 花 
架子 ”， 用 户 也 许 会 查看 它 ， 但 查看 后 发 现 并 不 实用 很 可 能 就 会 立即 退出 。 

实用 性 主要 体现 在 : 是否 能 为 用 户 带 来 较 好 的 操作 和 控制 体验 、 重 要 的 信息 在 界面 中 ， 
能 否 得 到 直观 的 展示 和 功能 设 定 是 否 简单 明了 等 。 


1.4.1 注重 图 片 的 分 辨 率 美感 SS 


在 新 媒体 设计 中 ， 图 片 的 品质 与 分 辩 率 有 很 大 的 关系 ， 较 高 的 分 辩 率 可 以 让 图 片 显 得 更 
加 清晰 、 精 美 ， 能 够 体现 出 图 片 的 内 在 质感 ， 如 图 1-18 所 示 。 当 然 ， 图 片 如 果 非 常 模糊 ， 品 
质 较 差 ， 那 么 肯定 会 影响 用 户 的 视觉 欣赏 体验 ， 降 低 用 户 对 界面 的 好 感度 ， 如 图 1-19 所 示 。 
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1-18 ”高 分 辨 率 图 像 图 1-19 低 分 辩 率 图 像 
1.4.2” 切 勿 随意 拉 伸 图 片 D 


在 设计 新 媒体 界面 中 的 图 像 时 ， 如 果 随意 拉 伸 图 片 ， 会 造成 图 片 失 真 、 变 形 ， 不 但 看 上 
去 感觉 很 奇怪 ， 而 且 还 会 让 用 户 质疑 设计 者 的 专业 性 ， 如 图 1-20、 图 1-21 所 示 。 


图 1-20 原 图 图 1-21 随意 拉 伸 的 图 片 


因此 ， 用 户 在 处 理 图 像 时， 应 该 按照 等 比 缩放 或 者 合理 裁剪 的 原则 来 控制 图 片 的 尺寸 ， 
避免 出 现 随意 拉 什 的 情况 ， 保 持 图 像 的 真实 感 。 
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知识 导读 


图 片 和 文字 是 商家 进行 新 媒体 运营 时 的 主要 武器 ， 一 张 合适 的 图 片 与 有 干 
货 技巧 的 文章 ， 可 以 吸引 更 多 的 人 来 关注 。 好 的 图 文 设计 能 给 新 媒体 的 读者 带 
来 愉悦 的 视觉 效果 ， 也 能 有 效 地 提高 平台 的 知名 度 。 


本 章 重 点 导航 


@ 新 媒体 元 素 设计 
@ 新 媒体 图 文 设计 
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A i 系统 学 习 成 专家 | 加 
在 上 周 六 ， 构 图 君 为 大 家 放送 了 一 张 养眼 的 照片 


摄 友 楚 心 眼力 不 错 ， 认 出 了 是 哪里 ， 对 ， 是 江西 武 


功 山 


一 个 构图 君 多 次 前 往 徒步 、 健 身 的 好 地 方 


可 免费 学 习 脱 小 白 


人 线 上 线 下 培训 课 
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2.1 新 媒体 元 素 设计 


在 新 媒体 时 代 ， 各 类 信息 都 争先 恐 后 想 要 进入 消费 者 的 眼中 。 图 片 信息 相对 于 其 他 信息 
更 有 优势 ， 而 且 丰 富 的 颜色 可 以 让 人 第 一 眼 就 关注 到 它 ， 运 用 适当 的 技巧 来 设计 你 的 图 片 ， 
可 以 让 你 的 文章 更 加 出 彩 。 本 节 主 要 介绍 一 些 新 媒体 的 元 素 设计 方法 。 


2.1.1 设计 LOGO 标志 


LOGO 是 徽标 或 者 商标 的 外 语 缩写 ， 是 LOGOtype 的 缩写 ， 它 的 存在 ， 可 以 使 拥有 此 商 
标的 公司 能 更 好 地 被 识别 与 推广 ， 并 且 通 过 形象 的 商标 ， 可 以 让 消费 者 记 住 公司 主体 和 品牌 
文化 。 下 面 以 “ 创 客 贴 ”为 例 ， 介 绍 制作 LOGO 标志 的 方法 。 

葬 如 01| 新 建 一 个 空白 的 LOGO 模板 图 像 , 单 击 “ 素 材 分 类 区 ”的 “图 形 ” 按钮 , 展开 “图 
形 ”面板 ， 在 其 中 选择 相应 图 形 ， 图 形 将 显示 在 画笔 中 央 ， 如 图 2-1 所 示 。 


2-1 显示 图 形 


葬 吕 02| 适当 缩小 并 旋转 图 像 ， 移 至 合适 的 位 置 ， 单 击 “ 设 计 操作 区 ”上 方 的 “复制 ” 
按钮 复制 图 形 ， 如 图 2-2 所 示 ， 旋 转 图 像 ， 移 至 合适 的 位 置 ， 如 图 2-3 所 示 。 


:4 十 :人 和 十 
人 人 
(Ove Os eve "全 
鲁 登 
图 2-2 复制 图 形 图 2-3 旋转 并 移动 图 形 


新 媒体 运营 - 展 
CCLKK 元 素 与 图 文 广告 设计 上 


殴 王 03| 用 与 上 相同 的 方法 制作 出 其 他 图 形 , 如 图 2-4 所 示 。 选 择 最 上 方 的 图 形 , 单 击 “ 设 
计 操 作 区 ”上 方 的 颜色 方块 ,在 弹出 的 列表 框 中 选择 合适 的 颜色 , 更 改 图 形 颜 色 , 如 图 2-5 所 示 。 
毁 王 04| 单 击 “ 文 字 ” 按 钮 , 切换 至 相应 选项 区 , 单 击 左 上 方 的 “添加 标题 文字 ”按钮 。“ 设 
计 操 作 区 ”将 出 现 一 个 文本 框 , 如 图 2-6 所 示 。 修改 相 应 文本 , 为 其 设置 不 同 的 格式 ， 如 图 2-7 
所 示 ， 即 可 完成 LOGO 设计 。 


四 出 现 


大 来 看 
中 黑 基 从 竹 的 热天 


图 2-6 出现 文本 框 图 2-7 修改 相应 文本 


2.1.2 设计 表单 I 


表单 在 各 大 新 媒体 平台 中 主要 负责 数据 采集 ， 如 调查 问卷 、 投 票 等 ， 它 一 般 作为 一 个 有 
目的 的 调研 活动 ， 所 以 表单 质量 尤为 重要 。 设 计 表单 主要 应 该 考虑 并 明确 两 个 问题 ， 一 是 表 
单 的 主题 ， 二 是 通过 表单 可 以 获得 的 信息 ， 明 确 了 这 两 个 问题 后 ， 还 需要 尽量 体现 在 表单 的 
选项 中 ， 确 保 通过 表单 中 所 有 的 选项 得 出 来 的 结果 ， 可 以 回答 之 前 的 两 个 问题 ， 则 这 份 表单 
就 是 合格 的 。 

麦客 CRM 是 一 款 免费 的 用 来 对 用 户 信息 进行 收集 、 管 理 以 及 拓展 新 用 户 的 轻 态 表单 工 
有 具 , 用 户 可 以 自己 轻松 设计 表单 , 收集 结构 化 数据 , 轻松 进行 数据 管理 。 下面 以 麦客 CRM 为 例 ， 
介绍 制作 表单 的 方法 。 

国 赠 01| 进入 麦客 CRM 首页 ， 按 提示 注册 登录 后 ， 单 击 网 站 顶部 的 “表单 ”按钮 ， 切 
换 至 相应 界面 ， 单 击 右上 方 的 “创建 表单 ”按钮 ， 如 图 2-8 所 示 ， 弹 出 相应 对 话 框 。 用 户 可 
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以 选择 “空白 模板 ”选项 , 新 建 一 个 空白 表单 , 完全 由 自己 编辑 , 也 可 以 选择 “开始 设计 表单 ” 
选项 ， 如 图 2-9 所 示 。 


图 2-8 单 击 “创建 表单 ”按钮 


虎斑 02] 在 右 侧 的 模板 区 中 选取 合适 的 模板 ， 并 单 击 “ 预 览 ”按钮 ， 确 认 后 ， 单 击 界面 
右 下 方 的 “使 用 此 模板 ”按钮 ， 如 图 2-10 所 示 。 

上 辆 妈 03| 即 可 应 用 此 模板 ， 进 入 表单 编辑 界面 ， 界 面 左 侧 的 “基础 类 组 件 ” 选 项 区 中 包 
含 了 表单 常用 的 各 种 组 件 ， 右 侧 的 “设置 /外观 ”选项 区 中 则 主要 是 对 整个 表单 进行 设置 ， 
包括 外 观 与 表单 提交 等 , 在 下 方 的 “主题 " 选项 区 中 可 以 具体 设置 表单 的 外 观 , 如 图 2-11 所 示 。 


二 合理 昌 了 虹 到 这 活动 
wR 
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人 抽动 全 天 人 50 何 
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图 2-10 单 击 “ 使 用 此 模板 ”按钮 

葬 弹 04| 单 击 表 头 文字 ， 右 侧 会 出 现 “ 文 本 描述 ”对 话 框 ， 在 此 对 话 框 中 可 以 编辑 表 头 
的 文本 内 容 ， 如 图 2-12 所 示 。 单 击 问卷 题目 ， 右 侧 的 对 话 框 中 会 显示 问题 与 选项 ， 在 此 可 以 
编辑 问题 与 选项 的 内 容 , 选项 可 以 根据 需要 增加 或 减少 。 单 击 右 上 角 的 “预览 ” 按钮 , 如 图 2-13 
所 示 。 

国 台 05| 预览 编辑 后 的 表单 效果 ， 检 查 是 否 还 有 需要 改进 的 地 方 ， 确 认 无 误 后 ， 单 击 右 
上 和 角 的 “关闭 预览 ”按钮 ， 如 图 2-14 所 示 ， 返 回 表单 编辑 界面 。 单 击 界面 底部 的 “提交 ” 按 
钮 ， 如 图 2-15 所 示 。 


— _ _ _ N18 


ED 


新 媒体 运营 :| 陆 
:S4444 元 素 与 图 文 广告 设计 民 


所 后 


图 2-11 表单 编辑 界面 


图 2-12 编辑 表 头 的 文本 内 容 图 2-13 单 击 “ 预 览 ”按钮 


图 2-14 单 击 “关闭 预览 ”按钮 
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弹出 相应 界面 ， 单 击 “ 发 布 表单 ”按钮 ， 如 图 2-16 所 示 ， 即 可 发 布 表单 并 生 
成 链接 。 用 户 可 以 将 链接 发 布 到 各 大 新 媒体 平台 ， 如 图 2-17 所 示 。 


于， 了 八 布 午 1 


图 2-16 单 击 “ 发 布 表单 ”按钮 图 2-17 生成 表单 链接 


2.2 ”新 媒体 图 文 设计 


图 文 式 的 新 媒体 内 容 ， 其 实 就 是 指 图 片 跟 文字 相 结 合 ， 一 篇 文章 中 有 图 片 也 有 文字 的 内 
容 形 式 。 图 文 式 形式 能 让 文章 要 表达 的 内 容 主旨 更 鲜明 ， 同 时 读者 的 阅读 体验 感 也 会 上 升 。 
只 有 一 张 好 的 图 片 才 能 与 符合 主题 的 文案 结合 在 一 起 吸引 读者 的 注意 力 。 本 节 主 要 介绍 一 些 


新 媒体 的 图 文 设计 方法 。 

2.2.1 设计 封面 图 > 
通常 来 说 ， 封 面 图 往往 是 读者 看 到 的 第 一 张 图 片 ， 它 是 否 能 吸引 读者 ， 是 读者 点 开 链接 、 

了 解 链接 详情 的 重要 因素 。 


如 图 2-18 所 示 ， 为 手机 摄影 构图 大 全 公众 号 的 文章 封面 ， 该 公众 号 以 摄影 构图 为 主 ， 所 
以 图 片 是 一 张 张 非常 精美 的 摄影 作品 ， 吸 引 着 爱好 摄影 的 朋友 驻足 ， 并 点 击 查看 是 否 还 有 更 
多 精美 的 图 片 。 

了 解 封 面 图 片 的 重要 性 之 后 ， 可 以 开始 尝试 制作 封面 图 ， 下 面 以 创 客 贴 为 例 ， 介 绍 制作 
封面 图 的 方法 。 创 客 贴 是 一 款 非常 简单 的 在 线 平面 设计 工具 ， 它 不 需要 下 载 客户 端 ， 可 以 直 
接 在 浏览 器 中 编辑 ， 此 平台 提供 了 大 量 的 模板 与 图 片 素材 ， 只 要 简单 地 拖 动 就 可 以 轻松 地 制 
作出 精美 的 图 片 。 

莹 王 01| 进入 创 客 贴 首页 , 单 击 “ 开 启 设计 ”按钮 ， 进 入 模板 挑选 页 面 ， 如 图 2-19 所 示 。 
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各 类 模板 根据 使 用 的 场景 不 同 进行 划分 ,每 个 类 别 又 以 不 同 平台 和 尺寸 来 划分 ， 
选择 好 喜欢 的 模板 后 ,按照 提示 登录 , 即 可 进入 设计 页 面 , 如 图 2-20 所 示 , 此 处 选择 的 是 “ 官 
方 公众 号 首 图 ”中 的 一 个 模板 ， 页 面 的 左 侧 是 “素材 分 类 区 ”， 中 间 是 “设计 操作 区 ”， 右 
侧 则 是 “页 面 管理 区 ”。 


周二 1205 
6 月 9 日 早上 11.59 
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几 四 1159 
图 大 师 直播 教程 摄影 图 书 


构图 大 师 直播 教程 摄影 图 书 [3 


图 2-18 手机 摄影 构图 大 全 公众 号 的 文章 封面 


围观 . 


新 版 公众 号 首 图 手机 海报 朋友 加 邀请 函 官方 公众 号 首 图 


图 2-19 ”模板 挑选 页 面 


2-20 设计 页 面 
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葬 妈 03] 首先 可 以 修改 文字 信息 ， 双 击 文字 ， 即 可 修改 文本 内 容 ， 修 改 时 ， 文 字 会 变 成 
黑体 ， 修 改 完毕 后 ， 将 鼠标 光标 移 至 方 框 外 单 击 ， 即 可 应 用 修改 ， 字 体 也 会 变 成 模板 原来 使 
用 的 字体 。 

葬 弹 04| 如 果 对 字体 格式 不 满意 ， 可 以 在 “设计 操作 区 ”上 方 修改 相应 的 格式 ， 包 括 文 
字 颜 色 、 字 体 、 字 号 、 样 式 、 对 齐 方式 、 字 间距 、 行 间距 、 透 明度 、 复 制 、 删 除 等 。 或 者 单 
击 左 侧 的 “文字 ” 按钮 , 可 以 在 其 中 挑选 字体 模板 , 只 需 单 击 选择 的 字体 , 字体 就 会 出 现在 “ 设 
计 操 作 区 ”中 央 ， 再 修改 文字 信息 即 可 ， 如 图 2-21 所 示 。 


图 2-21 修改 文本 内 容 
项 王 05| 然后 再 修改 背景 图 片 ， 单 击 背景 ， 图 片 变 为 可 编辑 状态 ， 可 在 左 侧 “背景 ”中 
挑选 纯色 、 纹 理 或 渐变 背景 ， 如 图 2-22 所 示 。 
虎斑 06] 也 可 以 使 用 一 些 图 片 来 作为 背景 ， 单 击 左 侧 “ 素 材 ”中 的 “图 片 ”按钮 ， 即 可 
显示 大 量 图 片 ， 用 户 可 以 从 中 挑选 喜欢 的 图 片 作为 背景 ， 如 图 2-23 所 示 。 
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2-23 ”图 片 素材 界面 
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区 ”。 调 整 


如 果 想 用 自己 已 有 的 图 片 ， 可 以 单 击 左 侧 的 “上 传 图 片 ”按钮 ， 用 电脑 或 者 
手机 上 传 图 片 ， 上 传 完 成 后 图 片 会 显示 在 左 侧 ， 单 击 上 传 的 图 片 ， 即 可 添加 到 “设计 操作 
图 片 的 位 置 与 大 小 ， 再 根据 需要 调整 其 他 元 素 的 位 置 ， 即 可 完成 设计 ， 如 图 2-24 


所 示 。 


素 放置 底层 的 话 ， 可 以 单 击 “ 设 计 操 作 区 ”右上 方 的 “图 层 ” 按 钮 ， 在 弹出 的 列表 框 中 可 以 
设置 新 元 素 的 图 层 顺序 ， 如 图 2-25 所 示 。 


挑选 
搜索 关键 词 ， 


看 标题 是 否 会 
时 才能 预览 


图 


计 管 理 ”， 方 便 以 后 再 次 调用 ， 如 图 2-29 所 示 。 


RT 上 上 6 2 人 和 汉口 6 


步骤 [于 


步 又 [加 


当 


如 


步骤 四 


医 到 11 


些 元 素 进行 适当 的 组 合 ， 如 图 2-26 所 示 。 如 果 已 经 确定 主题 ， 也 可 以 直接 在 搜索 框 中 
即 可 跳出 很 多 相关 内 容 ， 如 图 2-27 所 示 。 


制 


遮挡 住 封 面 图 的 信息 ， 如 图 2-28 所 示 。 但 需要 注意 的 是 ， 只 有 在 编辑 微 信封 面 


o 


确 


图 2-24 调整 背景 
有 新 的 元 素 添 加 至 “设计 操作 区 ”时 ， 会 直接 倒 加 在 最 上 方 ， 如 果 要 将 新 元 


置顶 图 层 
置 底 图 层 


+ 
也 


图 2-25 移动 图 层 列表 框 
觉得 画面 较 空 ,也 可 以 试 着 添加 一 些 其 他 的 元 素 ， 如 线条 、 形 状 、 图 标 等 ， 


作 完 成 后 ， 可 以 单 击 “设计 操作 区 ”下 方 的 预览 按钮 ， 对 封面 图 进行 预览 ， 


认 无 误 后 , 选择 界面 左上 方 的 “文件 ”|“ 保 存 ” 命 令 , 即 可 将 文件 保存 到 “ 设 
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图 2-27 “检索 ”界面 


图 2-26 “素材 ”界面 


图 2-28 预览 微 信封 面 图 


2-29 ”保存 封面 图 
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章 


完成 后 可 以 下 载 图 片 保存 到 电脑 ， 单 击 右上 方 的 “下 载 ”按钮 ， 即 可 弹出 “下 
载 作品 ”对 话 框 。 设 置 需要 的 图 片 格式 后 ， 单 击 “ 确 认 下 载 ”按钮 ， 如 图 2-30 所 示 。 


Oh 上 > 下 人 

[ 

[w=@O~oO= | 

Our 
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图 2-30 ”下 载 封面 图 
戎 玉 13| 如 果 想 要 将 自己 的 作品 分 享 到 其 他 平台 ， 单 击 右 上 方 的 “发 布 分 享 ”按钮 即 可 
弹出 “分 享 设计 ”对 话 框 ， 并 生成 图 片 链 接 ， 复 制 链接 发 布 到 其 他 平台 ， 或 者 直接 分 享 至 对 
话 框 下 方 的 三 个 平台 之 一 ， 如 图 2-31 所 示 。 


保存 至 公众 号 7 发 布 分 字 ”OD 下 载 分 可 朋友 


2-31 分享 封面 图 


2.2.2 设计 信息 长 图 D 

信息 图 原本 是 新 闻 编 辑 用 来 对 一 个 新 闻 事件 的 过 程 进行 解读 的 图 片 ， 但 是 因 现在 移动 用 
户 的 增加 ， 使 一 张 图 片 已 经 容纳 不 下 所 有 的 信息 ， 信 息 长 图 由 此 而 生 ， 如 图 2-32 所 示 。 

信息 长 图 可 以 直接 用 软件 设计 ， 也 可 以 设计 多 张 小 图 后 拼接 起 来 ， 变 成 一 张 长 图 。 下 面 
以 创 客 贴 为 例 ， 介 绍 制 作 信息 长 图 的 方法 。 

戎 缠 01| 以 直接 使 用 模板 设计 信息 长 图 为 例 ， 挑 选 好 模板 后 ， 单 击 进入 编辑 界面 ， 如 
图 2-33 所 示 。 用 户 可 以 根据 需要 ， 修 改 相应 的 文本 与 图 片 ， 但 是 在 设计 内 容 时 ， 要 注意 不 要 
有 大 幅 的 文字 数据 ， 大 幅 的 文字 会 给 人 一 种 疲倦 的 心理 感受 ， 让 人 没 看 完 就 已 经 想 离 开 界 面 。 
所 以 在 设计 时 ， 如 果 有 大 幅 的 文字 数据 ， 可 以 尝试 用 图 表 来 表达 ， 和 形象 化 的 图 表 不 仅 可 以 让 
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画面 更 美观 ， 还 可 以 引起 观看 者 的 兴趣 。 
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图 2-32 信息 长 图 


图 2-33 编辑 界面 
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但 是 创 客 贴 对 图 表 的 可 编辑 空间 不 大 ， 所 以 图 表 将 使 用 “百度 图 说 ”(http-/ 
tmushuo baidu com) 工具 来 制作 。 进 入 “百度 图 说 "首页, 单 击 “开始 制作 图 表 ” 按钮 , 按 提示 登录 ， 


再 单 击 “ 创 建 图 表 ” 
择 合适 的 图 表 样 式 ， 
合 表现 数量 的 对 比 ， 
数据 的 趋势 走向 。 


芝 王 03] 此 处 选择 的 是 “标准 折线 图 ”图 表 样式 。 进 入 图 表 编 辑 界面 ， 当 鼠标 光标 移 至 
图 表 中 时 ， 图 表 左 上 方 会 显示 相应 的 按钮 ， 单 击 “ 数 据 编辑 ”按钮 ， 如 图 2-35 所 示 ， 界 面 的 
左 侧 会 弹出 “数据 编辑 ”面板 ， 如 图 2-36 所 示 ， 通 过 双击 鼠标 左 键 对 表格 名 称 、 数 值 进行 修 
改 ， 可 以 直接 影响 折线 图 的 变化 。 


按钮 ， 将 会 弹出 相应 的 对 话 框 ， 在 对 话 框 中 根据 不 同性 质 的 数据 可 以 选 
如 图 2-34 所 示 。 常 用 的 图 表 大 约 为 柱状 图 、 饼 图 和 折线 图 等 ， 柱 状 图 适 
饼 图 适合 表现 数据 中 各 项 参数 的 比例 ， 折 线 图 适合 表现 相等 时 间 间 隔 下 


BPAE eat 


图 2-34 不 同 的 图 表 样 式 
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图 2-35 单 击 “ 数 据 编辑 ”按钮 图 2-36 弹出 “数据 编辑 ”面板 


姓 到 04] 单 击 


图 表 左 上 方 的 “数据 编辑 ”按钮 ， 在 弹出 的 面板 中 ， 可 以 对 图 表 的 尺寸 、 
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颜色 、 位 置 、 标 题 等 细节 进行 相应 的 设置 ， 如 图 2-37 所 示 。 图 表 默 认 是 透明 的 背景 ， 如 果 信 
息 长 图 的 背景 有 色彩 变化 ， 笔 者 建议 将 图 表 的 背景 设置 为 白色 , 在 “参数 调整 ”面板 选择 “ 基 
础 ”|“ 通 用 ”|“ 图 整体 背景 颜色 ”命令 ,会 弹出 相应 的 对 话 框 ， 在 对 话 框 中 可 以 设置 需要 的 
色彩 ， 如 果 对 调整 后 的 色彩 不 满意 ， 也 可 以 单 击 对 话 框 右 下 角 的 加 按钮 清除 颜色 ， 如 图 2-38 
所 示 。 


请 迁 择 蔬 色 


图 2-37 设置 相应 参数 图 2-38 清除 颜色 


虑 到 05| 图 表 制 作 完成 后 ， 单 击 图 表 右 上 方 的 回 图 标 进行 保存 ， 进 入 图 表 预 览 ， 在 图 表 
中 单 击 鼠 标 左 键 ， 即 可 下 载 图 表 ， 将 下 载 后 的 图 表 上 传 至 “ 创 客 贴 ”， 再 将 图 表 添 加 至 信息 
长 图 页 面 中 即 可 。 设 计 完 成 后 ， 选 择 “ 文 件 ”|“ 保 存 ”命令 ， 再 单 击 “ 下 载 ”按钮 ， 在 弹 ! 
的 “下 载 作品 ”对 话 框 中 ， 单 击 “ 确 认 下 载 ” 按 钮 ， 即 可 获得 设计 好 的 信息 长 图 。 
2.2.3 ”设计 九宫 格 图 片 已 


九宫 格 图 片 是 由 九 个 方 格 形 的 图 片 拼接 组 成 的 ， 根 据 这 一 特性 ， 可 以 制作 出 一 些 有 创意 
的 图 片 。 如 图 2-39 所 示 ， 为 “新 东方 ”的 九宫 格 宣传 海报 。 


三 


图 2-39 “新 东方 ”的 九宫 格 宣传 海报 
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下 面 以 电脑 端的 “ 美 图 秀 秀 ” 为 例 ， 介 绍 制作 九宫 格 图 的 方法 。 

毁 王 01| 在 “ 美 图 秀 秀 ” 中 打开 一 张 需要 制作 九宫 格 的 图 片 ， 单 击 “ 更 多 功能 ”标签 下 
的 “ 九 格 切 图 ”按钮 ， 如 图 2-40 所 示 。 进 入 “九宫 格 ”界面 ， 设 置 相应 画笔 形状 与 滤 镜 ， 单 
击 “保存 到 本 地 ”按钮 ， 如 图 2-41 所 示 。 


RR 


ipmememm | 一 
图 2-40 单 击 “ 九 格 切 图 ”按钮 图 2-41 单 击 “ 保 存 到 本 地 ”按钮 


毁 王 02] 弹出 “保存 ”对 话 框 ， 选 中 “保存 9 张 切 图 ” 单 选 按钮 ， 单 击 “ 确 定 ” 按 钮 ， 
如 图 2-42 所 示 。 设 置 保存 位 置 后 即 可 保存 图 片 ， 再 次 打开 一 张 图 片 并 适当 裁剪 ， 单 击 左 侧 的 
“应 用 ”按钮 ， 应 用 裁剪 ， 再 单 击 下 方 的 “完成 裁剪 ”按钮 ， 如 图 2-43 所 示 。 


各 二 a CT Pr 


四 单 击 > ew owe em 


图 2-42 单 击 “ 确 定 ”按钮 图 2-43 单 击 “ 完 成 裁剪 ”按钮 


葬 习 03| 弹出 “保存 与 分 享 ”对 话 框 ， 单 击 “ 保 存 ”按钮 ， 保 存 图 片 ， 如 图 2-44 所 示 。 
将 裁剪 好 的 图 片 发 送 到 手机 ， 按 顺序 点 击 图片 ， 用 裁剪 后 的 图 片 替换 “4.jpg” 图 片 ， 编 辑 并 
发 表 ， 即 可 制作 出 九宫 格 效果 ， 如 图 2-45 所 示 。 
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2.2.4 ”设计 个 人 海报 图 片 DD 


简 拼 是 一 款 记录 美好 、 抒 写 情怀 的 拼图 APP， 其 模板 偏 简约 文艺 风 ， 并 且 包 含 简约 、 便 
签 、 封 面 、 拼 接 、 名 片 和 明信片 等 多 种 类 型 的 模板 。 同 时 ， 简 拼 还 拥有 强大 的 文字 编辑 功能 ， 
让 用 户 可 以 最 大 限度 地 编辑 文字 。 下 面 笔 者 将 详细 介绍 使 用 简 拼 APP 设计 海报 名 片 的 方法 。 

毁 玉 01] 进入 简 拼 APP, 点 击 界面 下 方 的 回 按钮 , 如 图 2-46 所 示 。 进入 到 模板 挑选 界面 ， 
选择 合适 的 模板 并 点 击 ， 如 图 2-47 所 示 。 
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图 2-46 点 击 相应 按钮 图 2-47 点 击 相应 模板 
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新 媒体 运营 : 
EKS 元 素 与 图 文 广告 设计 


进入 照片 选择 界面 选择 相应 图 片 ， 点 击 “ 下 一 步 ”按钮 ， 如 图 2-48 所 示 。 进 
入 模板 编辑 界面 ， 用 户 可 以 根据 需要 替换 相应 图 片 。 如 果 选 择 的 模板 含有 二 维 码 图 片 ， 也 可 
以 替换 成 自己 的 微 信 二 维 码 ， 点 击 二 维 码 图 片 ， 如 图 2-49 所 示 。 


RR 


“MY BEAUTY STORE ， 
更 淋 作家 | 构图 全 


图 2-48 点 击 “ 下 一 步 ”按钮 图 2-49 点 击 二 维 码 图 片 


攻 弹 03| 进入 相应 界面 ， 提 示 用 户 需 要 先 保存 二 维 码 图 片 ， 并 且 有 相应 的 图 片 教程 ， 
保存 二 维 码 后 ， 返 回 简 拼 APP 界面 。 点 击 界面 底部 的 [按钮 ， 如 图 2-50 所 示 。 按 提示 选择 
并 添加 二 维 码 图 片 ， 添 加 完毕 后 点 击 下 面 的 OK 按钮 即 可 完成 替换 自己 二 维 码 的 操作 ， 如 
图 2-51 所 示 。 


图 2-50 点 击 相应 按钮 图 2-51 点 击 白色 方 框 


新 媒体 美工 | > 


点 击 相 应 文字 ， 弹 出 输入 文本 框 ， 修 改 相 应 文本 内 容 ， 修 改 完成 后 点 击 轿 按 
钮 确认 修改 ， 如 图 2-52 所 示 。 运 用 同样 的 方法 ， 修 改 其 他 文本 内 容 ， 修 改 完成 后 点 击 右 上 角 
的 图 图 标 ， 如 图 2-53 所 示 。 


“MY BEAUTY STORE 
wa | NUE 


图 2-52 确认 修改 2-53 ”点 击 相应 图 标 


虎 习 05| 弹出 三 个 按钮 ， 点 击 “保存 到 本 地 ”按钮 ， 如 图 2-54 所 示 。 进 入 个 人 主页 ， 
系统 提示 海报 名 片 制作 完成 ， 如 图 2-55 所 示 ， 用 户 也 可 根据 需要 分 享 至 各 大 新 媒体 平台 。 


图 2-54 点击 “保存 到 本 地 ”按钮 图 2-55 提示 制作 完成 


— N32 


新 媒体 运营 : 
NSSAs 元 素 与 图 文 广告 设计 


在 照片 选择 界面 选择 照片 时 ， 建 议 不 要 一 次 性 选择 多 张 图 片 ， 若 是 一 次 性 选择 了 多 
张 图 片 ， 再 点 击 “ 下 一 步 ”按钮 ， 如 图 2-56 所 示 ， 在 模板 编辑 界面 则 会 出 现 三 张 图 片 堆 
登 在 一 起 的 情况 ， 如 图 2-57 所 示 。 


图 2-56 选择 了 多 张 图 片 图 2-57 ”图片 堆 释 在 一 起 
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知识 导读 


据 数 据 统计 ， 微 信 朋 友 圈 营业 额 在 一 年 内 可 以 达到 1500 亿 元 以 上 ， 由 此 
可 见 ， 微 信 朋 友 圈 是 一 个 绝 佳 的 销售 场所 ,将 自己 的 朋友 圈 设 计 得 有 个 性 一 些 ， 
可 以 让 更 多 的 人 记 住 你 ， 从 而 达到 提高 销售 额 的 目的 。 


本 章 重点 导航 


“日 月 视觉 ”朋友 圈 设 计 
@ “ 美 协 团队 ”朋友 圈 设 计 
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日 月 视觉 
招 代理 | 招 加 盟 


新 媒体 美工 KR ms en em 2 


3.1 “日 月 视觉 ”朋友 圈 设 计 


在 制作 招 代理 朋友 圈 界 面 时 ， 运 用 深蓝 色 背 景 加 紫色 的 光斑 点 绥 作 为 背景 图 像 ， 并 且 采 
用 层次 感 较 强 的 主体 文字 ， 可 以 使 整体 更 为 突出 。 
本 实例 最 终 效 果 如 图 3-1 所 示 。 


90 后 微 商 零 起 步 创 业 


加 入 我 们 


Re 不 妨 试 下 这 组 


妙手 回春 的 后 期 ! 将 普通 的 照片 
修成 精彩 大 片 ! 龙 飞 国庆 旅游 
《手机 摄影 构图 大 师 炼 成 术 》 
1 次 精通 200 多 种 最 精华 的 构 


图 3-1 实例 效果 


扫 一 扫 观 看 在 线 视频 : 
“日 月 视觉 ”朋友 圈 设 计 


3.1.1_ 制 作 朋友 圈 相 册封 面 背景 


下 面 详细 介绍 制作 朋友 圈 相 册封 面 背景 效果 的 方法 。 

葬 到 01| 在 菜单 栏 中 , 选择 “文件 ”|“ 打 开 ” 命 令 ， 打开“ 朋友 圈 背 景 jpg” 素 材 图 像 ， 
如 图 3-2 所 示 。 

选取 工具 箱 中 的 矩形 选 框 工具 ， 在 图 像 编 辑 窗口 中 的 合适 位 置 绘 制 一 个 矩形 选 
框 ， 如 图 3-3 i 
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朋友 圈 相 册封 面 设计 
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图 3-2 打开 素材 图 像 图 3-3 ”绘制 矩形 选 杠 


芝 王 03] 选择 “选择 ”| “修改” 1“ 羽化” 命令 , 弹出 “羽化 选区 ”对 话 框 , 设置 “羽化 半径 ” 
为 100 像素 ， 单 击 “确定 ”按钮 ， 即 可 羽化 选区 ， 效 果 如 图 3-4 所 示 。 

贺 到 04| 选择 “窗口 ” |“ 调整 ”命令 ， “调整 ”面板 ， 单 击 “ 曲 线 ” 按 钮 ， 新 建 “ 此 
线 1” 调 整 图 层 ， 如 图 3-5 所 示 。 
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图 3-5 ”新 建 调整 图 层 
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县 开 “ 属 性 ”面板 ， 在 曲线 上 单 击 鼠 标 左 键 新 建 一 个 控制 点 ， 在 下 方 设置 “ 输 
入 ”为 172、“ 输 出 ”为 125， 如 图 3-6 所 示 。 
到 河 06| 适当 降低 选区 内 图 像 的 亮度 ， 效 果 如 图 3-7 所 示 。 
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如 x 


和 | R68 ~ 和 
二胡 
人 @ 单 击 


四 设置 


图 3-6 设置 各 参数 图 3-7 ”图像 效果 


3.1.2_ 制 作 朋友 圈 相 册封 面 头像 2 


下 面 详细 介绍 制作 朋友 圈 相 册封 面 头像 效果 的 方法 。 

辆 涪 01| 按 ctl+o 组 合 键 ， 打 开 “ 朋 友 圈 头像 jpg” 素 材 图 像 ， 运 用 移动 工具 将 素材 
图 像 拖 电 至 背景 图 像 编辑 窗口 中 ， 适 当 调 整 图 像 的 位 置 ， 如 图 3-8 所 示 。 

点 六 02] 选取 工具 箱 中 的 自 定形 状 工具 ， 在 工具 属性 栏 中 单 击 “ 填 充 ” 右 侧 的 色 块 ， 在 
弹出 的 下 拉 列 表 框 中 选择 “渐变 ”选项 ,在 “ 预 设 ”选项 区 中 选择 “ 橙 ， 黄 , 橙 渐 变 ” 渐 变色 ， 
如 图 3-9 所 示 。 


开拓 “| 十 充 :| 国 汪 | 搞 加 :| 2 ] | 1 像素 
四 图 基 /到 里 


潭 变 次- 


F 衣 明度 [ 杠 , 黄 , 往 渐 要 ] 
加 加 
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国 继 ”vj% 名 


编 让 : 100 “| % 回 和 图 居 x 挤 


图 3-8 调整 图 像 位 置 图 3-9 选择 “楼 , 黄 , 楼 渐变 ”渐变 色 
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朋友 圈 : 
:4444 朋友 圈 相 册封 面 设计 


选择 渐变 条 下 的 第 三 个 色 标 ， 并 将 其 删除 ， 如 图 3-10 所 示 。 
戎 到 04| 继续 在 工具 属性 栏 中 设置 “ 描 边 ”为 无 、“ 形 状 ” 为 “皇冠 1”， 在 图 像 编辑 
窗口 中 的 适当 位 置 绘制 一 个 形状 ， 如 图 3-11 所 示 。 


形 关 “| 填充 :| 因 庆 | 振 为 :| -| | 1 像素 
四国 一 | 纪 | 器 


渐变 次 . 
A 
不 遂 明 度 : % 
回 a 
| 
| 
中 [ 辆 织 ”vw 1G) 台 
编 没 : 100 ~ % 加 与 图 层 x 挤 


图 3-10 ”删除 色 标 图 3-11 绘制 形状 


辆 台 05| 在 图 层面 板 中 ,选择 “形状 1” 图 层 , 单 击 鼠 标 右键 ,在 弹出 的 快捷 菜单 中 选择 “ 栅 
格 化 图 层 ” 命 令 ， 如 图 3-12 所 示 ， 将 形状 栅 格 化 。 

虎 到 06| 按 Cad+T 组 合 键 ， 调 出 变换 控制 框 ， 适 当 旋转 图 像 ， 并 按 Enter 键 确认 变换 ， 
运用 移动 工具 调整 图 像 的 位 置 ， 在 图 层面 板 中 调整 至 “朋友 圈 头 像 ”图 层 的 下 方 ， 如 图 3-13 
所 示 。 


3.1.3_ 制作 朋友 圈 相 册封 面 文案 局 


下 面 详细 介绍 制作 朋友 圈 相 册封 面 文案 效果 的 方法 。 

苞 到 01] 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “ 方 
正大 黑 简 体 ”、“ 字 体 大 小 ”为 12 点 、“ 设 置 所 选 字符 的 字 距 调整 ”为 100、“ 颜 色 ” 为 
白色 (RGB 参数 值 均 为 2355。 在 图 像 编辑 窗口 中 输入 文字 ， 运 用 移动 工具 调整 文字 的 位 置 ， 
如 图 3-14 所 示 。 

选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “ 方 
正 准 圆 简 体 ”、“ 字 体 大 小 ”为 18 点 、“ 设 置 所 选 字符 的 字 距 调整 ”为 100、“ 颜 色 ” 为 
白色 (RGB 参数 值 均 为 255)。 在 图 像 编辑 窗口 中 输入 文字 , 运用 移动 工具 调整 文字 的 位 置 ， 
如 图 3-15 所 示 。 
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图 3-14 输入 并 调整 文字 


VA v 四 lo a 
注 0% 
oa 


= AD 


朋友 图 - 医 
朋友 图 相册 封面 设计 上 


在 “字符 ”面板 中 设置 “字体 系列 ”为 “微软 雅 黑 ”、“ 字 体 大 小 ”为 8 点 、 
“设置 所 选 字符 的 字 距 调整 ”为 100、“ 行 距 ”为 14 点 、“ 颜 色 ” 为 白色 (RGB 参数 值 均 为 
255)， 在 图 像 编 辑 窗口 中 输入 文字 ， 运 用 移动 工具 调整 文字 的 位 置 ， 效 果 如 图 3-16 所 示 。 

辆 悦 04| 在 “字符 ”面板 中 设置 “字体 系列 ”为 “微软 雅 黑 ”、“ 字 体 大 小 ”为 12 点 、 
“设置 所 选 字符 的 字 距 调整 ”为 100、“ 颜 色 ” 为 白色 (RGB 参数 值 均 为 255)， 在 图 像 编 辑 
窗口 中 输入 文字 ， 运 用 移动 工具 调整 文字 的 位 置 ， 效 果 如 图 3-17 所 示 。 


日 月 视觉 写 产 日 月 视觉 
招 代理 | 招 加 盟 Kk 招 代理 | 招 加 盟 


90 拓 


”加 入 我 们 


图 3-16 输入 并 调整 文字 图 3-17 输入 并 调整 文字 


“ 美 协 团队 ”朋友 圈 设 计 


本 实例 设计 的 素材 是 “ 美 协 团队 ”的 企业 朋友 圈 相 册封 面 ， 主 要 采用 蓝 色 的 背景 ， 并 添 
加 华丽 的 装饰 素材 ， 可 以 很 好 地 突出 其 中 要 表达 的 信息 ， 效 果 如 图 3-18 所 示 。 


图 3-18 微 信 朋 友 圈 相册 封面 设计 
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扫 一 扫 观 看 在 线 视频 : 
“ 美 协 团队 ”朋友 圈 设 计 


3.2.1 设计 朋友 圈 封 面 背景 效果 o| 


下 面 主要 运用 渐变 工具 和 光斑 素材 ， 制 作 蓝 色 的 封面 背景 效果 。 

葬 吕 01| 选择 “文件 ”| “新建 ”命令 ， 弹 出 “新 建文 档 ” 对 话 框 , 设置 “名 称 ” 为 “ 朋 
友 圈 相册 封面 ”、“ 宽 度 ” 为 600 像素 、“ 高 度 ”为 600 像素 、“ 分 辩 率 ”为 300 像素 /英寸 、 
“颜色 模式 ”为 “RGB 颜色 ”、“ 背 景 内 容 ” 为 “白色 ”， 设 置 完成 后 单 击 “ 创 建 ”按钮 ， 
如 图 3-19 所 示 ， 新 建 一 个 空白 图 像 。 

辆 涪 02| 在 “图 层 ”面板 中 ， 新建“ 图 层 1” 图 层 ， 如 图 3-20 所 示 。 


图 3-19 “新 建文 档 ” 对 话 框 图 3-20 ”新建 “图 层 1” 图 层 


辆 如 03| 选取 工具 箱 中 的 渐变 工具 ， 单 击 工具 属性 栏 中 的 “点 按 可 编辑 渐变 ”按钮 ， 
弹出 “渐变 编辑 器 ”对 话 框 ， 设 置 第 一 个 色 标 的 颜色 为 深蓝 色 (RGB 参数 值 分 别 为 11、33、 
90)， 如 图 3-21 所 示 。 

国 到 04| 设置 第 一 个 色 标的 “位 置 ”为 8%， 并 设置 另 一 个 色 标的 颜色 为 浅 蓝 色 (RGB 
参数 值 分 别 为 18、150、231)， 如 图 3-22 所 示 。 

恕 玉 05| 单 击 “确定 ”按钮 ， 返 回 图 像 编辑 窗口 ， 将 鼠标 指针 移动 至 图 像 编辑 窗口 的 左 
下 角 位 置 , 单 击 鼠 标 左 键 并 向 右上 角 拖 上 所 ,释放 鼠标 左 键 , 填充 径 向 渐变 颜色 , 效果 如 图 3-23 
所 示 。 

区 六 06] 按 Culto 组 合 键 ， 打 开 “ 烟 花 jpg” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 拖 
忠 至 背景 图 像 编辑 窗口 中 的 适当 位 置 ， 如 图 3-24 所 示 。 

葬 台 07| 在 “图 层 ” 面板 中 , 设置 “图 层 2” 图 层 的 “混合 模式 ”为 “ 滤 色 ”, 效果 如 图 3-25 
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朋友 图- 
朋友 图 相册 封面 设计 


所 示 。 


图 3-23 填充 渐变 颜色 图 3-24 添加 烟花 素材 


步骤 [加 
所 示 。 


步骤 [四 


选取 工具 箱 中 的 矩形 选 框 工具 ,在 图 像 编 辑 窗口 中 绘制 一 个 矩形 选 框 ,如 图 3-26 


选择 “选择 ”|“ 修 改 ”|1 “羽化” 命令 , 弹出 “羽化 选区 ”对 话 框 , 设置 “羽化 半径 ” 


为 50 像素 ， 单 击 “确定 ”按钮 ， 即 可 羽化 选区 ， 效 果 如 图 3-27 所 示 。 


步骤 四 ] 


新 建 “ 曲 线 1” 调 整 图 层 ， 展 开 “ 属 性 ”面板 ， 在 曲线 上 单 击 鼠 标 左 键 新 建 一 


个 控制 点 ， 在 下 方 设置 “输入 ”为 200、“ 输 出 ”为 172， 适 当 降 低 选区 内 图 像 的 亮度 ， 效 果 
如 图 3-28 所 示 。 
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图 3-25 混合 图 像 效 果 图 3-26 ”绘制 矩形 选 杠 


图 3-27 ”羽化 选区 图 3-28 降低 选区 内 图 像 的 亮度 


3.2.2 设计 朋友 圈 封 面 主体 效果 D 


下 面 主要 运用 魔 棒 工具 进行 抠 图 ， 制 作出 朋友 圈 封 面 主体 人 物 效果 。 

按 Ctl+O 组 合 键 ， 打开 “人 物 jpg” 素 材 图 像 ， 如 图 3-29 所 示 。 

选取 工具 箱 中 的 磁性 套 索 工具 , 沿 着 人 物 边缘 拖 眼 将 人 物 选中 , 如 图 3-30 所 示 。 
区 国 03] 按 Ctdl+J 组合 键 ， 复 制 选区 内 的 图 像 ， 得 到 “图 层 1” 图 层 ， 如 图 3-31 所 示 。 
本 04| 隐藏 “背景 ”图 层 ， 即 可 抠 取 人 物 部 分 的 图 像 ， 效 果 如 图 3-32 所 示 。 
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图 3-29 打开 素材 图 像 图 3-30 选中 人 物 
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图 3-31 拷贝 选区 内 的 图 像 


图 3-32 ”隐藏 背景 图 层 
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现在 微 信 朋 友 力 的 主要 消费 者 是 年 经 人 ， 大 多 数 年 轻 人 将 个 性 放 在 首位 ， 讲 究 潮流 
和 时 尚 ， 因 此 朋友 图 要 做 好 营销 ， 首 当 其 冲 的 就 是 要 做 好 个 性 营销 ， 满 足 他 们 “要 不 我 
第 一 ， 要 不 我 唯一 ”的 独特 个 性 ， 实 现 与 他 们 思维 的 同 频 ， 获 得 共鸣 和 共振 效果 ， 才 能 
更 好 地 拉 近 与 他 们 的 距离 ， 实 现 营销 。 

现在 都 讲 视觉 营销 ， 也 讲 位 置 的 重要 性 ， 而 微 信 朋友 图 首先 进入 大 家 视野 的 就 是 微 
信 的 头像 。 可 以 说 , 这 小 小 的 头像 图 片 ， 就 是 微 信 最 引 人 注 目的 广告 位 , 我们 一 定 要 用 好 ， 
千 万 不 要 浪费 了 1 
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葬 可 05| 运用 移动 工具 ， 将 选区 内 的 图 像 拖 中 至 背景 图 像 编 辑 窗口 中 ， 适 当 调 整 其 大 小 


和 位 置 ， 如 图 3-33 所 示 。 
葬 妈 06| 选取 工具 箱 中 的 磁性 套 索 工具 ， 在 人 物 图 像 上 创建 一 个 选区 ， 如 图 3-34 所 示 。 


图 3-33 合成 人 物 图 像 图 3-34 创建 自由 选区 


如 到 07] 按 Ctl+ShifttI 组 合 键 反 向 选择 选区 ， 如 图 3-35 所 示 。 
辆 绍 08| 按 Delete 键 删除 选区 内 的 图 像 并 按 CultD 组 合 键 取消 选区 ,效果 如 图 3-36 所 示 。 


图 3-35 反 向 选择 图 3-36 ”调整 图 像 
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文字 是 多 数 设计 作品 尤其 是 商业 作品 中 不 可 或 缺 的 重要 元 素 ， 有 时 甚至 在 作品 中 起 
着 主导 作用 ，Photoshop 除了 提供 丰富 的 文字 属性 设计 及 版 式 编排 功能 外 ， 还 允许 对 文字 
的 形状 进行 编辑 ， 以 便 制作 出 更 多 、 更 丰富 的 文字 效果 。 
为 作品 添加 文字 对 于 任何 一 种 软件 都 是 必 备 的 ， 对 于 Photoshop 也 不 例外 ， 用 户 可 以 
在 Photoshop 中 为 作品 添加 水 平 或 者 垂直 排列 的 各 种 文字 ， 还 能 够 通过 特别 的 工具 创建 文 
字 的 选择 区 域 ， 更 好 地 进行 创意 设计 。 
区 到 09| 打开 “ 才 穗 png” 素材 图 像 ， 运 用 移动 工具 将 素材 图 像 拖 上 电 至 背景 图 像 编 辑 窗 
口中 的 适当 位 置 。 适 当地 调整 图 层 顺 序 和 大 小 ， 效 果 如 图 3-37 所 示 。 
区 到 10| 选择 横 排 文字 工具 ， 设 置 字体 为 “ 华 康 海报 体 W...”、 字 体 大 小 为 12 点 、 输 
入 相应 的 文字 ,在 “图 层面 板 ” 中 ， 双 击 文字 图 层 , 添加 “和 斜面 与 浮雕 ”图 层 样 式 , 设置 “ 样 
式 ” 为 “外 斜面 ”、“ 方 法 ”为 “平滑 ”、“ 深 度 ” 为 927%、“ 大 小 ”为 4 像素 、“ 阴 影 模 式 ” 
为 “正片 受 底 ”、 阴 影 模式 下 面 的 “不 透明 度 ” 为 48%， 效 果 如 图 3-38 所 示 。 


之 四 如 
- 四。 
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于 了 下 到 下 工 开 时 


图 3-37 ”调整 图 层 顺 序 图 3-38 添加 文字 效果 


3.2.3_ 设 计 朋 友 圈 封面 文字 效果 J 


下 面 主要 运用 和 矩形 选 框 工具 和 渐变 工具 制作 文字 的 底 纹 ， 让 文本 内 容 更 加 突出 ， 实 现 更 
好 的 宣传 效果 。 
毁 玉 01] 选取 工具 箱 中 的 矩形 选 框 工具 ,在 图 像 编辑 窗口 中 绘制 一 个 矩形 选 框 , 如 图 3-39 


区 到 02| 在 “图 层 ” 面 板 中 ， 新建“ 图 层 5” 图 层 ， 如 图 3-40 所 示 。 
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图 3-39 绘制 矩形 选 杠 图 3-40 新建 图 层 
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在 自己 的 朋友 图 中 , 点 击 相 册封 面 的 背景 图 片 , 会 弹出 设置 背景 页 面 , 可 以 自行 更 换 。 
朋友 图 的 相册 封面 是 一 个 很 重要 的 广告 入 口 ， 专 业 的 、 有 经 验 的 企业 都 会 将 广告 作为 朋 
友 图 的 封面 ， 其 他 需要 打 广告 的 商家 也 可 以 用 这 种 方法 。 


辆 习 03| 选取 工具 箱 中 的 渐变 工具 , 设置 渐变 类 型 为 径 向 渐变 , 单 击 工具 属性 栏 中 的 “点 
按 可 编辑 渐变 ”按钮 ， 弹 出 “渐变 编辑 器 ”对 话 框 ， 设 置 渐变 色 为 白色 到 透明 ， 如 图 3-41 所 
示 ， 单 击 “ 确 定 ” 按 钮 。 

芝 到 04] 运用 渐变 工具 在 矩形 选区 的 中 间 至 周围 区 域 拖 拐 ， 填 充 渐变 色 ， 取 消 选 区 ， 如 
图 3-42 所 示 。 


名 称 (N); 自 定 
新 变 类 型 : 实 底 ~ 


平滑 度 M): 100 和 % 


图 3-41 设置 渐变 色 图 3-42 填充 渐变 色 
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毁 王 05] 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “方正 
大 黑 简体 ”、“ 字 体 大 小 ”为 5 点 、“ 所 选 字符 的 字 距 调整 ”为 200、“ 颜 色 ” 为 深蓝 色 RGB 
参数 值 分 别 为 5、15、61)。 在 图 像 编辑 窗口 中 输入 文字 ， 如 图 3-43 所 示 。 


区 到 06| 打开 “文字 psd” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 拖 中 至 背景 图 像 编辑 窗 
口中 的 适当 位 置 ， 效 果 如 图 3-44 所 示 。 
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图 3-43 输入 文字 图 3-44 ”添加 文字 素材 


知识 导读 


伴随 着 微 信 的 火爆 发 展 , 微 信 公 众 平台 也 应 运 而 生 。 越 来 越 多 的 商家 . 企业 、 
个 人 都 申请 开通 微 信 公 众 平台 ， 用 于 营销 或 者 其 他 用 途 。 所 以 微 信 公 众 号 的 界 
面 设 计 也 变 得 重要 起 来 ， 美 观 的 界面 更 吸引 人 ， 更 容易 获得 关注 。 


本 章 重点 导航 


公众 号 封面 广告 设计 ” 公众 号 求 关注 设计 
公众 号 内 容 图 片 设计 ! 


Gull so ul 0.7K/s@ 1143 HI S34 Gull 4Gull 07K/s 10:20 所 利 合 91% mm 


所 “手机 摄影 构图 大 全 @ 2 X ”手机 摄影 构图 大 全 


通关 密码 ;购买 电子 书 


转账 后 ， 请 留 下 QQ 邮箱 ，1-12 小 时 内 发 到 部 
箱 ， 下 载 即 可 观看 


新 书 上 架 ! 
《大 片 这 么 拍 ! 手机 摄影 高 手 新 玩法 》 


条 -本 一 


昨天 09:11 


| 鸥 图 大 师 星 成 术 


构图 大 师 直播 教程 


新 媒体 美工 KR ms en em :>> 信守 


By 
4.1 公众 号 封面 广告 设计 


微 信 公 众 号 封面 广告 是 微 信 文章 正文 非常 重要 的 一 部 分 ， 一 个 精美 的 封面 ， 带 给 平 
阅读 量 是 不 可 估量 的 。 图 片 能 够 给 文字 插 上 飞翔 的 翅膀 ， 让 文字 所 要 传达 的 情感 更 加 深入 人 
心 ， 运 用 得 当 的 图 片 能 够 成 为 微 信 公众 号 打动 读者 的 强力 武器 。 本 实例 主要 介绍 一 个 图 书 宣 
传 的 微 信 公 众 号 封面 广告 界面 设计 ， 效 果 如 图 4-1 所 示 。 


《大 片 这 么 拍 


手机 摄影 高 手 新 玩法 》 


新 书 上 架 ! 


* 一 本 深度 手机 摄影 笔记 ， 让 你 拍 出 


与 众 不 同 的 大 片 ! 


《 大 片 这 么 拍 I (大片 这 4 折 ! 手机 所 时 识 手 新 于 法) 
。 一 学 就 会 的 摄影 高 手 技巧 ， 留 住 镜 


手机 摄影 高 手 新 玩法 》 人 ~- 
mr 
头 下 最 美的 时 光 ! 


当当 网 淘宝 均 有 销售 1 
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图 4-1 微 信 公 众 号 封面 广告 界面 设计 
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公众 号 封面 广告 设计 


4.1.1 设计 公众 号 封面 广告 背景 效果 局 


下 面 主 要 运用 “ 描 边 ”命令 制作 黑色 的 背景 边框 效果 ， 让 公众 号 封面 广告 的 层次 感 更 强 。 

区 国 01| 选择 “文件 ”| “新建” 命令 ,弹出 “新 建文 档 ” 对 话 框 , 设置 “名 称 ”为 “ 公 
众 号 封面 广告 设计 ”、“ 宽 度 ” 为 900 像素 、“ 高 度 ” 为 500 像素 、“ 分 辨 率 ”为 300 像素 
/英寸 、“ 颜 色 模 式 ” 为 “RGB 颜色 ”、“ 背 景 内 容 ” 为 “白色 ”， 设置 完成 后 单 击 “ 创 建 ” 
按钮 ， 如 图 4-2 所 示 ， 新 建 一 个 空白 画布 。 

在 “图 层 ” 面 板 中 ， 新建“ 图 层 1” 图 层 ， 并 填充 为 白色 ， 如 图 4-3 所 示 。 
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对 于 封面 图 片 的 尺寸 大 小 ， 平 台 给 出 的 建议 是 : 如 果 是 小 图 片 ， 建 议 大 小 为 200 像 
素 xX200 像 素 。 笔 者 给 出 的 建议 是 : 900 像素 x 500 像素 , 有 时 候 , 图 片 尺 寸 过 大 或 者 过 小 ， 
很 容易 造成 图 片 被 压缩 变形 ， 那 样 制作 出 来 的 效果 就 会 大 打折 扣 。 


RR 


毁 王 03] 选择 “编辑 ”|“ 描 边 ”命令 ， 弹 出 “ 描 边 ” 对 话 框 ,设置 “宽度 ”为 15 像素 、 
“颜色 ”为 黑色 、“ 位 置 ”为 “内 部 ”， 如 图 4-4 所 示 。 


图 4-2 “新 建文 档 ” 对 话 框 图 4-3 新 建 “ 图 层 1” 图 层 


区 到 04| 单 击 “ 确 定 ” 按 钮 ， 即 可 添加 描 边 效果 ， 如 图 4-5 所 示 。 


不 透明 度 (0): 100 
站 保留 透明 区 域 p) 


图 4-4 设置 “ 描 边 ”选项 图 4-5 ”添加 描 边 效果 


4.1.2 设计 公众 号 封面 广告 主体 效果 局 


下 面 主要 运用 变换 工具 和 图 层 蒙 版 工具 等 ， 制 作 书籍 封面 主体 的 立体 效果 和 倒影 效果 ， 
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让 图 像 看 上 去 更 加 真实 。 

辆 如 01| 按 Cal+o 组 合 键 ， 打 开 “ 书 籍 psd” 素 材 图 像 ， 如 图 4-6 所 示 。 

项 玉 02| 选取 工具 箱 中 的 矩形 选 框 工具 , 在 书籍 封面 的 正面 创建 一 个 矩形 选区 , 如 图 4-7 
所 示 。 


图 4-6 打开 素材 图 像 图 4-7 创建 答 形 选区 


虎斑 03] 按 Ctrl+T 组 合 键 ， 调 出 变换 控制 框 ， 在 其 中 单 击 鼠标 右键 ， 在 弹出 的 快捷 菜 
单 中 选择 “扭曲 ”选项 ， 如 图 4-8 所 示 。 

毁 到 04] 按 住 Shif 键 的 同时 ， 依 次 向 下 和 向 上 拖 自 相应 的 控制 柄 ， 扭 曲 图 像 ， 按 Enter 
键 ， 确 认 变换 操作 ， 如 图 4-9 所 示 。 


图 4-8 选择 “扭曲 ”选项 图 4-9 扭曲 图 像 


毁 弹 05| 按 Cal+J 组 合 键 , 复制 选区 内 的 图 像 , 得 到 “图 层 1” 图 层 ; 选择 “编辑 ”| “ 变 
换 ” | “垂直 翻转 ”命令 ,垂直 翻转 图 像 ， 并 将 其 移 至 合适 的 位 置 ， 效 果 如 图 4-10 所 示 。 
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选择 “编辑 ”| “变换 ” | “和 斜 切 ”命令 ， 调 出 变换 控制 框 ， 向 上 拖 熏 右 侧 的 
控制 柄 至 合适 的 位 置 ， 按 Enter 键 ， 确 认 变换 操作 ， 效 果 如 图 4-11 所 示 。 


图 4-10 垂直 翻转 图 像 图 4-11 和 斜 切 图 像 
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选区 在 图 像 编辑 过 程 中 占有 重要 的 位 置 ， 它 限制 着 图 像 编辑 的 范围 和 区 域 ， 灵 活 而 
巧妙 地 应 用 选区 ， 能 得 到 许多 意 想 不 到 的 效果 。 

戎 到 07| 在 “图 层 ” 面 板 中 ,设置 “图 层 1” 图 层 的 “不 透明 度 ” 为 40%， 单 击 “ 图 层 ” 
面板 底部 的 “添加 图 层 蒙 版 ”按钮 ， 添 加 图 层 蒙 版 。 使 用 渐变 工具 ， 在 图 像 编辑 窗口 中 ， 从 
下 向 上 拖 描 ， 填 充 黑色 到 白色 的 线性 渐变 ， 隐 藏 部 分 图 像 ， 如 图 4-12 所 示 。 

艺 台 08| 用 与 上 同样 的 方法 ， 制 作 书 籍 封面 侧面 的 立体 效果 ， 如 图 4-13 所 示 。 


图 4-12 隐藏 部 分 图 像 图 4-13 ”制作 侧面 立体 效果 
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4.1.3 ”设计 公众 号 封面 广告 整体 效果 D 


下 面 主要 运用 图 层 样式 和 文字 工具 ， 制 作 公众 号 封面 广告 的 整体 效果 。 
上 四 绍 01 在 “图 层 ” 面 板 中 ， 选择 除 “背景 ”图 层 外 的 其 他 所 有 图 层 ， 单 击 鼠 标 右键 ， 
在 弹出 的 快捷 菜单 中 选择 “合并 图 层 ”命令 ， 如 图 4-14 所 示 。 

上 辆 如 02| 将 合并 后 的 图 像 拖 中 至 背景 图 像 编辑 窗口 中 ， 适 当地 调整 其 大 小 和 位 置 ， 效 果 
如 图 4-15 所 示 。 


4-15” 拖 入 书籍 封面 立体 素材 


苞 国 03| 双击 “图 层 2” 图 层 , 弹出 “图 层 样式 ”对 话 框 , 选中 “投影 ” 复 选 框 , 设置 “ 距 
离 ” 为 5 像素 、“ 大 小 ”为 15 像素 ， 如 图 4-16 所 示 。 

葬 昭 04| 单 击 “确定 ”按钮 ， 即 可 添加 “投影 ”图 层 样式 ， 效 果 如 图 4-17 所 示 。 

国 到 05] 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “方正 
大 黑 简 体 ”、“ 字 体 大 小 ”自由 调整 、“ 行 距 ” 为 18 点 、“ 颜 色 ” 为 绿色 (RGB 参数 值 分 别 
为 147、145、9) 和 黑色 (RGB 参数 值 均 为 0)， 如 图 4-18 所 示 。 


图 4-17 添加 “投影 ”图 层 样 式 


公众 号 . 
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:4444 推 文 广告 与 求 关 注 设计 


运用 横 排 文字 工具 创建 一 个 文本 框 ， 在 其 中 输入 相应 的 文字 ， 适 当 调 整 文本 框 
的 大 小 和 位 置 ， 如 图 4-19 所 示 。 


«x 
子 符 局 EE 库 诗 旺 天 


| 方正 大 四 简体 “|v| |- |v|| 

| | 

| 如 ln 点 v| 夫 [点 | || 

We ee 《大片 这 么 拍 ， 
上 | 后 及 手机 摄影 高 手 新 玩法 》 
|1T 100% Lo% | | 日 高 手 新 元 法 项 

zm | 

| | 


图 4-18 设置 字符 属性 图 4-19 输入 标题 文字 


辆 如 07| 运用 横 排 文 字 工 具 创 建 一 个 文本 框 ， 输 入 相应 的 文字 ， 在 “字符 ”面板 中 设置 
“字体 系列 ”为 “微软 雅 黑 ”、“ 字 体 大 小 ”为 6 点 、“ 行 距 ” 为 10 点 ， 分 别 为 字符 和 文字 
设置 不 同 的 “颜色 ”参数 ， 效 果 如 图 4-20 所 示 。 

贰 到 08| 打开 “按钮 psd” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 拖 电 至 背景 图 像 编 辑 窗 
口中 的 适当 位 置 ， 效 果 如 图 4-21 所 示 。 


《大 片 这 么 拍 ! 《大 片 这 么 拍 ! 
手机 摄影 高 手 新 玩法 》 : 用 于 机 摄影 高 手 新 玩法 》 


入 深度 手机 扩 胸 笔记 让 你 泊 出 站 一 本 深度 手机 摄影 笔 记 ， 让 你 拍 出 
与 从 不 同 的 大 片 1 与 从 不 同 的 大 片 ! 


> 一 学 就 会 的 振 史 高 手 技 I5 ， 留 信 镜 “ A 一 人 由。 拖 电 
站 下 | ~ 头 下 最 美的 时 光 ! J 
输入 


图 4-20 输入 宣传 文字 图 4-21 添加 按钮 素材 


4.2 公众 号 内 容 图 片 设 计 


微 信 公众 号 是 开发 者 或 商家 在 微 信 公众 平台 上 申请 的 应 用 账号 ， 通 过 公众 号 ， 商 家 可 在 
微 信 平 台 上 实现 和 特定 群体 的 文字 、 图 片 、 语 音 、 视 频 的 全 方位 沟通 、 互 动 。 一 个 成 功 的 微 
信 公 众 号 , 可 以 更 好 地 推广 自己 的 产品 、 服务 或 理念 等 内 容 。 接 下 来 我 们 制作 公众 号 内 容 设计 ， 


让 一 


| 


新 媒体 美工 | > 


效果 如 图 4-22 所 示 。 
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4-22 实例 效果 


扫 一 扫 观 看 在 线 视频 : 
公众 号 内 容 图 片 设 计 


4.2.1 制作 内 容 图 片 主体 效果 o| 

区 到 01| 选择 “文件 ”| “新建 ”命令 ,弹出 “新 建文 档 ” 对 话 框 ， 设置 “名 称 ” 为 “ 湘 
江 夜 景 ”、“ 宽 度 ” 为 1080 像素 、“ 高 度 ” 为 1920 像素 、“ 分 辨 率 ” 为 72 像素 /英寸 、“ 颜 
色 模 式 ” 为 “RGB 颜色 ”、“ 背 景 内 容 ” 为 “白色 ”, 设置 完成 后 单 击 “创建 ”按钮 ,如 图 4-23 
所 示 ， 新 建 一 个 空白 画布 。 

芝 玉 02| 按 Cul+O 组 合 键 ， 打开 “照片 1jpg” 素 材 图 像 ， 如 图 4-24 所 示 。 

区 到 03] 运用 移动 工具 将 其 拖 忠 至 背景 图 像 编辑 窗口 中 ， 如 图 4-25 所 示 。 

辆 嫌 04| 按 CultT 组 合 键 , 调 出 变换 控制 框 ， 适 当地 调整 图 像 的 大 小 和 位 置 ， 效 果 如 
图 4-26 所 示 。 

辆 习 05| 按 CultO 组 合 键 ,打开 “照片 2jpg”， 运 用 移动 工具 将 其 拖 息 至 背景 图 像 纺 
辑 窗 口中 ， 适 当地 调整 图 像 的 大 小 和 位 置 ， 如 图 4-27 所 示 。 
辆 习 06| 按 CultO 组 合 键 ， 打 开 “ 照 片 3jpg”， 运 用 移动 工具 将 其 拖 电 至 背景 图 像 编 
辑 窗口 中 ， 适 当地 调整 图 像 的 大 小 和 位 置 ， 如 图 4-28 所 示 。 


八 众 号 


=.E 
A 推 文 广告 与 求 关注 设计 此 


轩 439， 新 于 六 煌 图 4-24 打开 图 片 


拖 电 
4-25 ”打开 素材 图 像 4-26 调整 图 片 


图 4-27 调整 图 片 图 4-28 调整 图 片 


新 媒体 美工 入 一 = 一 = 一 pS 


公众 号 文章 编辑 可 以 根据 公众 号 定位 的 读者 ， 按 其 阅读 时 间 和 阅读 习惯 而 对 图 片 的 


大 小 做 调整 。 之 所 以 说 要 选择 合适 的 图 片 大 小 ， 就 是 从 给 读者 阅读 体验 出 发 的 ， 避 免 让 
过 大 的 图 片 耗费 读者 大 量 的 流量 ， 同 时 还 要 耗费 图 片 加 载 的 时 间 。 


42.2 制作 内 容 图 片 文字 效果 | 

下 面 详细 介绍 制作 内 容 图 片 文字 效果 的 方法 。 

恕 到 01] 在 工具 箱 中 选取 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “方正 
粗 宋 简体 ”、“ 字 体 大 小 ”为 55 点 、“ 设 置 所 选 字符 的 字 距 调整 ”为 25 点 、 颜 色 为 黑色 ， 
如 图 4-29 所 示 。 

苞 到 02| 输入 文字 “《 湘 江 夜景 》”， 拖 中 至 合适 的 位 置 ， 如 图 4-30 所 示 。 


字符 和 各 库 认 星 至 
| [Et [~ |- [~ | 
了 55 点 ~ 途 l1o 点 ~ | 
|VAo “四 zx 加 | 
| T loo% 开 100% | 
| 各 点 se: 
| | 
| | 


闫 二 英语 | 设置 | 路 ~ 


图 4-29 ”设置 字符 面板 图 4-30 ” 拖 虫 至 合适 的 位 置 


殴 玉 03| 再 次 运用 横 排 文字 工具 输入 相应 的 文字 ， 在 “字符 ”面板 中 设置 “字体 系列 ” 
为 “微软 雅 黑 体 ”、“ 字 体 大 小 ”为 36 点 、“ 行 距 ” 为 自动 、“ 所 选 字符 的 字 距 调整 ”为 -75 
点 ， 然 后 拖 电 至 合适 的 位 置 ， 如 图 4-31 所 示 。 

项 国 04| 按 Ctdl+O 组合 键 , 打开 “文字 2.psd” 素材 图 像 , 适当 地 调整 图 像 的 大 小 和 位 置 ， 
如 图 4-32 所 示 。 


很 多 读者 在 阅读 文章 的 时 候 希 望 能 有 一 个 轻松 、 恰 快 的 阅读 体验 ， 不 愿 在 压抑 的 环 
境 下 阅读 ， 所 以 在 选择 图 片 时 要 注意 选择 那些 色彩 明亮 的 图 片 ， 这 种 类 型 的 图 片 能 给 读 
者 带 来 轻松 的 阅读 体验 。 
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图 4-31 输入 文字 图 4-32 ”添加 素材 图 像 


辆 副 05| 按 CultO 组 合 键 , 打开 “公众 号 二 维 码 .psd” 素 材 图 像 ， 适 当地 调整 图 像 的 
大 小 和 位 置 ， 如 图 4-33 所 示 。 
苔 台 06] 在 “字符 ”面板 中 设置 “字体 系列 ”为 “方正 细 黑 一 简体 ”、“ 字 体 大 小 ”为 


30 点 、“ 所 选 字符 的 字 距 调整 ”为 -50 点 ， 运 用 横 排 文 字 工 具 输 入 相应 文字 ， 适 当地 调整 文 
字 的 位 置 ， 如 图 4-34 所 示 。 


《iT 夜 最 《ET 认 晟 ) 
[ns :本 na (tn) :Mt 前 用 和 本 
本 本 


【二 党】: 
1 科隆。 区 名 入 间 ， 芝 S 上 闻 大 的 这 上 . 忆 寻 


去 
3 -一 OO 天 
下 旦 手相 各 ,证 汪 用 家 出 硬 二 老人 要 式 - 是 手 机 的 更 寻 以 二 用 和 全 下 世 者 便门 要 区 


FE 人 


图 4-33 ”添加 素材 图 像 图 4-34 输入 文字 
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在 “字符 ”面板 中 设置 “字体 系列 ”为 “方正 黄 草 简体 ”、“ 字 体 大 小 ” 为 48 点 、 
“行距 ”为 60 点 ，“ 所 选 字符 的 字 距 调整 ”为 50 点 ， 如 图 4-35 所 示 。 

选择 工具 箱 中 的 “ 横 排 文字 工具 ”输入 相应 文字 ， 适 当地 调整 文字 的 位 置 ， 如 
图 4-36 所 示 。 


【种 关 】 
ml 
后 的 攻 必 名 箭 ， 手 办 要 .人 /性 

2. MR 


图 4-35 设置 字符 面板 图 4-36 输入 文字 


专家 指点 )) 


像素 是 组 成 图 像 的 最 小 元 素 ， 由 于 它们 都 是 正方 形 的 ， 所 以 在 创建 图 形 、 多 边 形 
等 不 规则 选区 时 便 容易 产生 锯齿 ， 此 时 可 以 为 选 工 具 属 性 栏 中 的 “消除 锯齿 ” 复 选 框 
回 海 $ 掉 占 ， 义 选 该 选项 后 ，Photoshop 会 在 选区 边缘 1 个 像素 宽 的 范围 内 添加 与 周围 图 像 
相近 的 颜色 ， 使 选区 看 上 去 更 光滑 一 些 。 


4.3 公众 号 求 关注 设计 


在 制作 公众 号 求 关注 图 片 时 ， 运 用 矩形 工具 绘制 出 线 框 效 果 ， 加 上 适当 的 装饰 性 图 形 ， 
再 放 入 二 维 码 ， 配 上 一 些 说 明 性 的 文字 ， 可 以 准确 地 将 信息 传达 给 读者 ， 为 自 媒体 名 人 和 微 
信 公 众 号 获得 更 好 的 引流 效果 ， 如 图 4-37 所 示 。 
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4.3.1_ 制 作 和 矩形 框 背 景 效 果 D 


色 模式 ”为 “RGB 颜色 ”、 


大 本 国 姑 析 通 因 一 些 营 会 犯 铺 的 人 物 构 用 、 积 物 提 放 构 朋 。 
网 二 妆 出 解析 调节 哲人 物 、 拍 食物 以 及 静物 的 各 种 参数 。 
陋 二 殉 邮 加 怕人 物 、 拍 食物 以 及 旷 物 的 调 色 以 及 雪 节 精米。 


长 按 二 维 码 ， 可 添 二 个 人 和 八 信 


、 通关 记 码 ; 购买 电子 书 


装 号 后 ， 请 留 下 QQ 邮 森 ，1~12 小 时 内 发 到 邮 
箱 ， 下 载 即 可 观看 。 本 


1000 多 种 构图 技法 和 实 拍 作品 ， 持 续 揭 秘 、 训 
析 中 ， 请 关注 狼 信 公众 号 : 手机 摄影 构图 大 全 
{goutudaquan) .欢迎 大 家 有 好 的 构图 想法 或 颖 
同和 留言 沟通 。 


网 读 原 文 on 


4-37 ”实例 效果 


扫 一 扫 观 看 在 线 视频 : 
公众 号 求 关 注 设 计 


下 面 详细 介绍 制作 公众 号 求 关注 界面 中 的 矩形 框 背 景 效 果 的 方法 。 


毁 末 01] 选择 “文件 ” |“ 新建” 命令 ， 弹 出 “新 建文 档 ” 对 话 框 ， 设 置 “ 名 称 ”为 “ 公 
众 号 求 关注 设计 ”、“ 宽 度 ”为 926 像 素 、“ 高 度 ” 为 976 像素 、“ 分 辨 率 ” 为 300 像素 /英寸 “ 颜 
为 “白色 ”， 如 图 4-38 所 示 ， 设 置 完成 后 单 击 “ 创 


“背景 内 容 ” 


建 ”按钮 ， 新 建 一 个 空白 图 像 。 


上 恩 缠 02| 选取 工具 箱 中 的 矩形 工具 ， 在 图 像 编辑 窗口 中 绘制 一 个 矩形 框 ， 设 置 “ 填 充 ” 
为 白色 (RGB 参数 值 均 为 255)、“ 描 边 ” 为 灰色 (RGB 参数 值 均 为 130)、“ 描 边 宽度 ” 为 1 像素 ， 


效果 如 图 4-39 所 示 。 


辆 如 03| 复制 “矩形 1” 图 层 ， 


得 到 “和 抑 形 1 拷贝 ”图 层 ， 如 图 4-40 所 示 。 


上 国王 04| 复制 矩形 框 ， 适 当地 调整 其 大 小 和 位 置 ， 效 果 如 图 4-41 所 示 。 
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图 4-38 新 建 空白 文档 图 4-39 绘制 矩形 框 
人 CE 
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Pp vv 四 OoTDODB 。 
政 | 复制 jo% ~ 
铁证 : 回 x 中 村 全 壕 谨 :|100% ~ 
DO 0. 加 闪 
图 4-40 复制 图 层 图 4-41 复制 矩形 框 


4.3.2_ 制 作 公 众 号 求 关注 主体 效果 o| 


下 面 详细 介绍 制作 公众 号 求 关注 主体 效果 的 方法 。 


步骤 [加 
工具 将 素材 图 


步骤 [到 


选择 “文件 ” |“ 打开” 命令， 打开“ 公众 号 二 维 码 .psd” 素 材 图 像 ， 运 用 移动 
像 拖 电 至 背景 图 像 编 辑 窗口 中 的 适当 位 置 并 调整 其 大 小 ， 如 图 4-42 所 示 。 
选取 工具 箱 中 的 模 排 文字 工具 ， 在 图 像 编辑 窗口 中 输入 文字 ， 在 “字符 ”面板 


中 设置 “字体 系列 ”为 “方正 兰亭 超 细 ”、“ 字 体 大 小 ”为 8 点 、“ 颜 色 ” 为 黑色 (RGB 参 


数值 均 为 0)、 


“字体 行距 ”为 10 点 ， 输 入 相应 的 文字 ， 效 果 如 图 4-43 所 示 。 
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输入 


图 4-42 拖 忠 图 像 图 4-43 输入 文字 


文字 是 多 数 设计 作品 尤其 是 广告 作品 中 不 可 或 缺 的 重要 元 素 ， 有 时 甚至 在 作品 中 起 
着 主导 作用 ，Photoshop 除了 提供 丰富 的 文字 属性 设计 及 版 式 编排 功能 外 ， 还 尤 许 对 文字 
的 形状 进行 编辑 ， 以 便 制作 出 更 多 、 更 丰富 的 文字 效果 。 


辆 赚 03| 用 与 以 上 同样 的 方法 ， 输 入 其 他 文字 的 效果 ， 如 图 4-44 所 示 。 

睛 到 04| 选取 工具 箱 中 的 矩形 工具 ， 设 置 “ 填 充 ” 为 灰色 (RGB 参 数值 为 
167 : 163 : 163)、“ 描 边 ” 为 无 ， 在 图 像 编 辑 窗口 中 绘制 一 个 大 小 合适 的 矩形 图 像 ， 效 果 
如 图 4-45 所 示 。 


图 4-44 输入 文字 图 4-45 ”绘制 矩形 框 


SS 人 一 


ee 


新 媒体 美工 一 一 一 p> 
By 


选取 工具 箱 中 的 横 排 文 字 工 具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “方正 
细 黑 一 简体 ”、“ 字 体 大 小 ”为 8 点 、“ 颜 色 ” 为 黑色 (RGB 参数 值 均 为 0)， 在 图 像 编辑 窗 
口中 输入 相应 的 文字 ， 效 果 如 图 4-46 所 示 。 


人 
| 。 了解 更 多 担 影 技巧 


图 4-46 输入 文字 


毁 到 06| 按 Cul+O 组 合 键 ， 打 开 “ 箭 头 psd” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 拖 
暇 至 背景 图 像 编辑 窗口 中 ， 适 当地 调整 图 像 的 位 置 和 大 小 ， 效 果 如 图 4-47 所 示 。 


拖 电 
关注 我 J 
了 解 更 多 摄影 技巧 > 
长 按 关 注 | 


4-47 ”添加 素材 图 像 
为 作品 添加 文字 对 于 任何 一 种 软件 都 是 必 备 的 ， 对 于 Photoshop 来 说 也 不 例外 ， 用 户 可 
以 在 Photoshop 中 为 作品 添加 水 平 、 垂 直 排 列 的 各 种 文字 ， 还 能 够 通过 特别 的 工具 创建 文字 
的 选择 区 域 。 


4.3.3_ 制 作 自 媒 体 求 关注 主体 效果 o| 


下 面 详细 介绍 制作 自 媒体 名 人 求 关 注 界面 主体 效果 的 方法 。 

辆 习 01| 按 Cul+O 组 合 键 , 打开 “人 物 照 片 jpg” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 
拖 电 至 背景 图 像 编 辑 窗口 中 ， 适 当地 调整 图 像 的 位 置 和 大 小 ， 效 果 如 图 4-48 所 示 。 

苞 到 02] 按 Cult+O 组 合 键 ， 打 开 “ 名 人 二 维 码 .png” 素 材 图 像 ， 运 用 移动 工具 将 素材 
图 像 拖 电 至 背景 图 像 编辑 窗口 中 ， 适 当地 调整 图 像 的 位 置 ， 效 果 如 图 4-49 所 示 。 

殴 玉 03] 选取 工具 箱 中 的 矩形 工具 ， 设 置 “ 填 充 ” 为 灰色 (RGB 参数 值 均 为 207)、“ 描 
边 ” 为 无 ， 在 图 像 编辑 窗口 中 绘制 一 个 大 小 合适 的 矩形 图 像 ， 如 图 4-50 所 示 。 

葬 如 04| 复制 多 个 矩形 图 像 ， 适 当地 调整 其 位 置 ， 效 果 如 图 4-51 所 示 。 
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公众 号 : 局 
KK 推 文 广告 与 求 关注 设计 芒 


图 4-48 拖 电 图 片 图 4-49 调整 图 像 位 置 


| < 复制 


图 4-50 绘制 矩形 杠 图 4-51 复制 矩形 图 层 


在 运用 矩形 工具 绘制 图 形 时 ， 按 住 Shift 键 的 同时 ， 在 窗口 中 单 击 息 标 左 键 并 抑 复 ， 
可 以 绘制 一 个 正方 形 ; 如 果 按 住 Alt 键 的 同时 ， 在 窗口 中 单 击 息 标 左 键 并 抱 彼 ， 可 以 绘制 
以 起 点 为 中 心 的 矩形 ; 如果 按 住 ShiftHAlt 组 合 键 的 同时 ， 在 窗口 中 单 击 鼠标 堪 键 并 拖 慢 ， 
可 以 绘制 以 起 点 为 中 心 的 正方 形 。 


毁 玉 05] 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “方正 
细 黑 一 简体 ”、“ 字 体 大 小 ” 为 5.5 点 、“ 行 距 ” 为 12 点 、“ 颜 色 ” 为 黑色 (RGB 参数 值 均 为 0)， 
在 图 像 编辑 窗口 中 输入 相应 文字 ， 效 果 如 图 4-52 所 示 。 

辆 赠 06| 按 Caal+O 组 合 键 ， 打 开 “ 求 关注 按钮 psd” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 
像 拖 中 至 背景 图 像 编 辑 窗口 中 的 合适 位 置 ， 效 果 如 图 4-53 所 示 。 
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长 控 二 纵 码 ， 可 率 吉 个 人 答 情 


图 4-52 输入 文字 图 4-53 添加 素材 
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知识 导读 


微 信 小 程序 ， 是 一 种 不 需要 下 载 安装 即 可 使 用 的 应 用 ， 它 实现 了 应 用 “ 触 
手 可 及 ”的 梦想 ， 用 户 扫 一 扫 或 者 搜 一 下 即 可 打开 应 用 。 它 的 出 现 将 会 让 应 用 
无 处 不 在 ， 随 时 可 用 ， 但 又 无 需 安装 卸载 。 微 信 小 程序 将 成 为 一 个 新 的 热潮 。 


本 章 重点 导航 

@ “ 柴 柴 的 零食 旗舰 店 ” 小 程序 
设计 

@ “去 旅行 ”小 程序 设计 


X 柴 柴 0 零食 旗舰 店 


ee 
Q 9 


苏州 旅游 攻略 


>> 


新 媒体 美工 一 一 一 
5.1 ，“ 柴 此 的 零食 旗舰 店 ”小 程序 设计 


在 制作 食品 小 程序 界面 时 ， 运 用 橙黄 色 作为 背景 色 ， 各 活动 区 域 的 背景 色 则 可 采用 各 种 
鲜亮 的 颜色 ， 以 突出 活动 的 主题 以 及 食品 的 诱 人 特征 。 
本 实例 最 终 效果 如 图 5-1 所 示 。 
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日 
后 多 本 对 全 可 商品 夫 名 过 


二 DY 竺 革 和 品 示 列 


点 十 进入 详情 页 so、 半 痢 | 
~ 


有 至 尊 甜 品系 


5-1 实例 效果 


扫 一 扫 观 看 在 线 视频 : 
柴 柴 的 零食 旗舰 店 小 程序 设计 


| 47 专家 指点  ) 


对 于 用 户 而 言 ， 一 款 应 用 程序 的 价值 在 很 大 程度 上 取决 于 功能 的 实用 性 。 因 此 ， 功 
能 越 实用 的 小 程序 ， 越 能 赢得 用 户 的 青睐 。 虽 然 在 运营 者 选择 领域 之 后 ， 小 程序 的 功能 
基本 上 已 经 确定 了 ， 但 是 ， 如 果 用 户 是 初次 使 用 小 程序 ， 那 么 ， 他 对 于 小 程序 实用 性 的 


感知 基本 上 来 自 小 程序 的 UI 界 面 设 计 。 
所 以 ， 运 营 者 在 设计 小 程序 界面 时 ， 应 尽 可 能 地 体现 其 功能 的 实用 性 。 这 一 点 对 于 
工具 类 小 程序 来 说 尤其 重要 。 当 然 ， 大 部 分 工具 类 小 程序 也 应 特别 注意 这 个 问题 。 


5.1.1_ 制作 店 招 与 搜索 框 效果 o| 


下 面 详细 介绍 制作 小 程序 店 招 与 搜索 框 效 果 的 方法 。 


i 70 


小 程序 : 
EA 界面 广告 以 及 宣传 页 设计 | 


选择 “文件 ”|“ 新 建 ”命令 ,弹出 “新 建文 档 ” 对 话 框 , 设置“ 名称” 为 “ 柴 
柴 的 零食 店 小 程序 设计 ”、“ 宽 度 ” 为 1080 像素 、“ 高 度 ” 为 1920 像素 、“ 分 辩 率 ”为 
300 像素 /英寸 “颜色 模式 ”为 “RGB 颜色 ”、“ 背 景 内 容 ” 为 “白色 ”， 如 图 5-2 所 示 ， 
单 击 “ 创 建 ” 按 钮 ， 新 建 一 个 空白 图 像 。 

辆 如 02| 按 CtltO 组 合 键 , 打开 “背景 1jpg” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 拖 
忠 至 背景 图 像 编辑 窗口 中 ， 适 当地 调整 图 像 的 位 置 和 大 小 ， 效 果 如 图 5-3 所 示 。 
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图 5-2 新 建 空白 文档 图 5-3 添加 背景 素材 


毁 到 03] 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 ,设置 “字体 系列 ”为 “ 方 
正 细 黑 一 简体 ”、“ 字 体 大 小 ”为 14 点 、“ 设 置 所 选 字符 的 字 距 调整 ”为 -50、“ 颜 色 ” 为 
黑色 (RGB 参数 值 均 为 0)， 激 活 仿 粗 体 图 标 ， 如 图 5-4 所 示 。 

毁 末 04] 选取 工具 箱 中 的 横 排 文字 工具 ， 在 图 像 编辑 窗口 中 输入 文字 ， 如 图 5-5 所 示 。 


在 食品 小 程序 界面 中 , 底部 一 般 为 一 些 常见 的 导航 按钮 , 包括 “首页 “购物 侧 ” 和 “我 
的 ”， 可 以 帮助 用 户 快 速 进入 相应 的 界面 。 这 些 常 规 按钮 是 指 可 以 响应 用 户 手 指点 击 的 
各 种 文字 和 图 形 ， 其 作用 是 对 用 户 的 手指 点 击 作出 反应 并 触发 相应 的 事件 。 

常规 按钮 (Button) 的 风格 可 以 不 一 样 ， 上 面 可 以 写 文字 ， 也 可 以 标 上 图 片 ， 但 它们 
最 终 都 要 用 于 确认 、 提 交 等 功能 的 实现 。 

通常 情况 下 ， 按 钮 要 和 品牌 一 致 ， 拥 有 统一 的 颜色 和 视觉 风格 ， 在 设计 时 可 以 从 品 
牌 LOGO 中 借鉴 形状 、 材 质 以 及 风格 等 。 
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图 5-4 ”设置 字符 面板 图 5-5 输入 文字 


葬 末 05| 选取 工具 箱 中 的 横 排 文 字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “ 华 康 
海报 体 W...”、“ 字 体 大 小 ”为 12 点 、“ 行 距 ” 为 12 点 、“ 颜 色 ” 为 黄色 (RGB 参数 值 分 
别 为 244、197、35)， 如 图 5-6 所 示 。 

辆 嫌 06| 在 图 像 编辑 窗口 中 输入 相应 文字 ， 如 图 5-7 所 示 。 
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图 5-6 设置 字符 面板 图 5-7 输入 文字 


毁 王 07| 选取 工具 箱 中 的 圆 角 和 矩形 工具 ， 在 工具 属性 栏 中 设置 “选择 工具 模式 ”为 “ 形 
状 ”、“ 填 充 ” 为 浅 灰色 (RGB 参数 值 均 为 234)、“ 描 边 ”为 无 、“ 半 径 ” 为 40 像素 ， 在 图 
像 编 辑 窗口 中 的 适当 位 置 处 绘制 一 个 圆 角 和 矩形 图 形 ， 如 图 5-8 所 示 。 

葬 赚 08] 选取 工具 箱 中 的 椭 贺 工具， 在 工具 属性 栏 中 设置 “填充 ”为 无 、“ 描 边 ” 为 灰 


SE ee 


小 程序 . 鼎 
<<<<% 人 < 界面 广告 以 及 宣传 页 设计 


色 (RGB 参数 值 均 为 160)、“ 描 边 宽度 ”为 4 像素 , 在 图 像 编辑 窗口 中 绘制 一 个 椭圆 ,如 图 5-9 
所 示 。 


X ， 柴 柴 0) 零 食 旗舰 店 X” 柴 柴 0) 零 食 旗舰 店 
shi ee cn 壬 站 
© 134 | 134 
占 名 情 过 “| 绘制 全 部 商品 | 5 铀 绘制 全 部 商品 
图 5-8 绘制 圆 角 和 矩形 框 图 5-9 绘制 椭圆 
oj 已 
专家 指点 )) 


设计 中 的 文字 颜色 是 可 以 随意 设置 的 ， 但 不 可 设置 单调 的 一 个 色 。 从 读者 的 阅读 体 
验 出 发 ， 将 设计 中 的 文字 颜色 设置 为 最 佳 的 颜色 是 非常 有 必要 的 ， 文 字 的 颜色 搭配 适宜 
是 让 设计 获得 吸引 力 的 有 效 方法 。Photoshop 中 的 文字 是 使 用 PostScript 信息 从 数学 上 定 
义 的 直线 或 曲线 来 表示 的 ， 如 果 没 有 设置 消除 锯齿 ， 文 字 的 边缘 便 会 产生 硬 边 和 锯齿 。 
所 以 在 输入 文字 时 ， 可 以 先 在 工具 属性 栏 或 “字符 ”面板 中 设置 消除 锯齿 的 方式 ， 
如 锐利 、 犀 利 、 浑 厚 、 平 滑 等 。 
区 玉 09| 选取 工具 箱 中 的 直线 工具 ， 在 工具 属性 栏 中 设置 “填充 ”为 灰色 (RGB 参数 值 
均 为 100)、“ 粗 细 ” 为 2 像素 ， 在 图 像 编辑 窗口 中 绘制 一 条 直线 ， 如 图 5-10 所 示 。 
毁 到 10| 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “方正 
细 黑 一 简体 ”、“ 字 体 大 小 ”为 10 点 、“ 设 置 所 选 字符 的 字 距 调整 ”为 -25、“ 颜 色 ” 为 灰 
色 (RGB 参数 值 均 为 160)， 激 活 仿 粗 体 图 标 ， 效 果 如 图 5-11 所 示 。 
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图 5-10 绘制 直线 图 5-11 设置 字符 面板 
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葬 习 11| 在 图 像 编辑 窗口 中 的 适当 位 置 输入 相应 的 文字 ， 效 果 如 图 5-12 所 示 。 
辆 妈 12| 按 CtltO 组 合 键 , 打开 “文字 1psd” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 拖 
忠 至 背景 图 像 编辑 窗口 中 ， 适 当地 调整 图 像 的 位 置 ， 效 果 如 图 5-13 所 示 。 


3M 人 DO 0 1 El MMO 17:20 时 全 206C 
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99 元 一 大 箱 零 食 
图 5-12 输入 文字 图 5-13 ”添加 文字 素材 
5.1.2 制作 商品 活动 区 效果 | 


下 面 详细 介绍 制作 商品 活动 区 效果 的 方法 。 

芝 到 01] 按 Ctrl+O 组 合 键 ， 打 开 “ 甜 甜 圈 jpg” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 拖 
忠 至 背景 图 像 编辑 窗口 中 , 适当 地 调整 图 像 的 位 置 ， 将 图 层 放 置 最 底层 ,效果 如 图 5-14 所 示 。 

辆 如 02| 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 ， 设 置 “字体 系列 ”为 “ 方 
正 粗 贺 简 体 ”、“ 字 体 大 小 ” 为 21 点 、“ 设 置 所 选 字 符 的 字 距 调整 ”为 50、“ 颜 色 ” 为 白色 (RGB 
参数 值 均 为 0)， 效 果 如 图 5-15 所 示 。 
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专家 指点 ) 


小 程序 是 一 种 不 需要 下 载 安装 即 可 使 用 的 应 用 ， 作 为 一 个 应 用 ， 它 会 有 自己 的 功能 
与 业务 ， 所 以 在 设计 时 要 注意 ， 所 有 的 内 容 ， 都 需要 围绕 着 主 营业 务 ， 这 样 可 以 让 用 户 
很 快 地 明白 小 程序 的 营销 内 容 ， 并 判断 出 是 否 有 自己 需求 的 东西 。 

恕 到 03| 在 图 像 编辑 窗口 中 的 适当 位 置 输入 相应 的 文字 ， 效 果 如 图 5-16 所 示 。 
毁 到 04] 按 ctd+o 组 合 键 ， 打 开 “ 文 字 2psd” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 拖 

虑 至 背景 图 像 编辑 窗口 中 ， 适 当地 调整 图 像 的 位 置 ， 效 果 如 图 5-17 所 示 。 
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图 5-16 输入 文字 图 5-17 添加 文字 素材 


辆 弹 05| 单 击 “图 层 ” 面 板 底部 的 “创建 新 图 层 ” 按 钮 ， 新 建 图 层 ， 选 取 工 具 箱 中 的 矩 
形 选 框 工具 ， 在 图 像 编辑 窗口 中 绘制 一 个 矩形 选区 ， 如 图 5-18 所 示 。 

贰 到 06| 设置 前 景色 为 黄色 (RGB 参数 值 分 别 为 244、197、35)， 按 AlttDelete 组 合 键 
为 选区 填充 前 景色 ， 按 CtrltD 组 合 键 ， 取 消 选区 ， 效 果 如 图 5-19 所 示 。 
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5-18 ”绘制 矩形 选区 
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专家 指点 ) 


在 Photoshop 中 ， 新 建 图 层 的 方式 有 很 多 ， 以 下 列举 了 两 种 常用 的 方法 。 
@ 快捷 键 : 按 ShifttCtrI+N 组 合 键 ， 弹 出 “新 建 图 层 ” 对 话 框 ， 单 击 “确定 ”按钮 ， 
即 可 新 建 图 层 。 
。@ 命令 : 选择 “图 层 ” |“ 新 建 ”| “图 层 ” 命 令 ， 弹 出 “新 建 图 层 ” 对 话 框 ， 单 击 “ 确 
定 ” 按 钮 ， 即 可 新 建 图 层 。 

项 到 07| 选取 工具 箱 中 的 矩形 工具 ， 设 置 “ 填 充 ” 为 红色 (RGB 参数 值 分 别 为 222、 
32、58)、“ 描 边 ” 为 无 、“ 半 径 ” 为 10 像素 , 在 图 像 编辑 窗口 中 绘制 一 个 大 小 合适 的 矩形 图 像 ， 
效果 如 图 5-20 所 示 。 

上 到 08] 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 ,设置 “字体 系列 ”为 “ 方 
正 粗 圆 简体 ”、“ 字 体 大 小 ”为 11.5 点 、“ 设 置 所 选 字 符 的 字 距 调整 ”为 50、“ 颜 色 ” 为 白 
色 (RGB 参数 值 均 为 0), 在 图 像 编辑 窗口 中 输入 文字 并 调整 文字 的 位 置 ， 效 果 如 图 5-21 所 示 。 


| 
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图 5-20 绘制 矩形 框 图 5-21 输入 文字 


137 专家 指点  ) 


与 创建 矩形 选 框 有 关 的 技巧 如 下 。 

@ 按 Shiftt+M 组 合 键 ， 可 快速 选择 矩形 选 框 工 具 。 

@ 按 Shift 键 ， 可 创建 正方 形 选 区 。 

@ 按 Alt 键 可 创建 以 起 点 为 中 心 的 矩形 选区 。 

@ 按 AlttShift 组 合 键 ， 可 创建 以 起 点 为 中 心 的 正方 形 选区 。 
@ 按 ShiftrA 组 合 键 ， 可 快速 沿 画布 边缘 创建 选区 。 
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4 界面 广告 以 及 富 代 页 设计 尼 


5.1.3 ”制作 详情 页 推荐 效果 D 
下 面 详细 介绍 详情 页 推荐 的 方法 。 
辆 如 01| 按 Ctl+O 组 合 键 , 打开 “文字 2.psd” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 拖 
忠 至 背景 图 像 编 辑 窗 口中 ， 适 当地 调整 图 像 的 位 置 ， 效 果 如 图 5-22 所 示 。 


毁 到 02] 按 CultO 组 合 键 ， 打 开 “ 坚 果 .jps” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 拖 外 
至 背景 图 像 编辑 窗口 中 ， 适 当地 调整 图 像 的 位 置 和 大 小 ， 效 果 如 图 5-23 所 示 。 
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图 5-22 ”添加 文字 素材 图 5-23 添加 坚果 素材 


毁 到 03] 选取 工具 箱 中 的 横 排 文 字 工 具 ， 在 “字符 ”面板 中 ， 设 置 “ 字 体系 列 ”为 “ 华 
文 细 黑 ”、“ 字 体 大 小 ”为 12 点 、“ 行 距 ”为 11 点 、“ 颜 色 ” 为 黑色 (RGB 参数 值 均 为 0)， 
激活 仿 粗 体 图 标 ， 效 果 如 图 5-24 所 示 。 

毁 到 04| 在 图 像 编辑 窗口 中 的 适当 位 置 输入 文字 ， 效 果 如 图 5-25 所 示 。 
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5-24 ”设置 字符 面板 
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葬 妈 05| 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 ， 设 置 “字体 系列 ”为 “ 黑 
体 ”、“ 字 体 大 小 ”为 7 点 、“ 行 距 ”为 11 点 、“ 设 置 所 选 字符 的 字 距 调整 ”为 -5、“ 颜 色 ” 
为 黑色 (RGB 参数 值 均 为 0)， 效 果 如 图 5-26 所 示 。 

辆 弹 06| 在 图 像 编辑 窗口 中 的 适当 位 置 输入 文字 ， 效 果 如 图 5-27 所 示 。 
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图 5-26 设置 字符 面板 图 5-27 输入 文字 


辆 台 07| 按 CtltO 组 合 键 ， 打开 “形状 .psd” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 拖 忠 
至 背景 图 像 编辑 窗口 中 ， 适 当地 调整 图 像 的 位 置 ， 效 果 如 图 5-28 所 示 。 

鲁 到 08] 选取 工具 箱 中 的 横 排 文字 工具 ,在 “字符 ”面板 中 设置 “字体 系列 ”为 “黑体 ”、“ 字 
体 大 小 ”为 7 点 、“ 行 距 ” 为 11 点 、“ 设 置 所 选 字符 的 字 距 调整 ”为 -5、“ 颜 色 ” 为 黑色 (RGB 
参数 值 均 为 0)， 效 果 如 图 5-29 所 示 。 
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图 5-28 添加 形状 素材 图 5-29 ”设置 字符 面板 
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044 界面 广告 以 及 宣传 页 设计 | 匿 


专家 指点 ) 


把 小 程序 界面 的 配色 设计 好 ， 让 界面 更 好 看 一 点 、 更 漂亮 一 点 ， 这 样 就 会 在 视觉 上 
吸引 用 户 ， 给 小 程序 带 来 更 多 的 流量 。 小 程序 的 配色 首先 要 精简 ， 然 后 尽 可 能 地 反映 品 
牌 特性 。 对 于 进入 小 程序 的 用 户 来 说 ， 他 们 首先 会 被 界面 中 的 图 片 色 彩 所 吸引 ， 然 后 根 
据 色彩 的 走向 对 画面 的 主 次 逐一 地 进行 了 解 。 

另外 ， 为 了 让 用 户 快速 获知 页 面 中 的 信息 ， 在 设计 小 程序 界面 时 可 以 使 用 空间 和 组 
块 有 意识 地 突出 重点 内 容 ， 让 界面 看 上 去 更 加 干净 、 整 洁 。 


点 到 09| 在 图 像 编辑 窗口 中 的 适当 位 置 输入 相应 文字 ， 效 果 如 图 5-30 所 示 。 


毁 王 10] 按 CtultO 组 合 键 ， 打开 “价格 .psd” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 拖 蝶 
至 背景 图 像 编辑 窗口 中 ， 适 当地 调整 图 像 的 位 置 ， 效 果 如 图 5-31 所 示 。 
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5-30 输入 文字 图 5-31 添加 价格 素材 


虑 到 11] 按 Cal+O 组 合 键 , 打开 “新 品 标签 psd” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 
拖 电 至 背景 图 像 编辑 窗口 中 ， 适 当地 调整 图 像 的 位 置 ， 效 果 如 图 5-32 所 示 。 

毁 到 12] 按 Ctlto 组 合 键 ， 打 开 “ 抢 购 按钮 psd” 素材 图 像 ， 运 用 移动 工具 将 素材 图 像 
拖 遇 至 背景 图 像 编辑 窗口 中 ， 适 当地 调整 图 像 的 位 置 ， 效 果 如 图 5-33 所 示 。 


小 程序 是 一 种 不 需要 下 载 安 装 即 可 使 用 的 应 用 ， 作 为 一 个 应 用 ， 它 会 有 自己 的 功能 
与 业务 ， 所 以 在 设计 时 要 注意 ， 所 有 的 内 容 都 需要 围绕 着 主 营业 务 来 转 ， 这 样 可 以 让 用 
户 很 快 地 明白 小 程序 的 营销 内 容 ， 并 判断 出 是 否 有 自己 需要 的 东西 。 为 了 更 全 面 地 展示 
商品 的 信息 ， 小 程序 中 的 商品 都 应 有 单独 的 详情 页 ， 用 户 只 需 单 击 自己 中 意 的 商品 ， 即 
可 进入 详情 页 面 ， 查 看 更 多 关于 此 商品 的 信息 。 
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图 5-32 添加 标签 素材 图 5-33 ”添加 按钮 素材 


罗列 13| 按 Cal+o 组 合 键 ， 打开 “功能 按钮 psd” 素 材 图 像 ， 效 果 如 图 5-34 所 示 。 
区 罚 14| 运用 移动 工具 将 素材 图 像 拖 电 至 背景 图 像 编辑 窗口 中 , 适当 地 调整 图 像 的 位 置 ， 
效果 如 图 5-35 所 示 。 
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图 5-34 ”打开 功能 按钮 素材 图 5-35 拖 自 标签 素材 


在 Photoshop 中 打开 素材 的 方式 有 很 多 ， 以 下 列举 了 两 种 常用 的 方法 。 

@ 快捷 键 : 按 CtrltO 组 合 键 , 弹出 “文件 夹 ”对 话 框 , 找到 素材 , 单 击 “ 确 定 ” 按 钮 ， 
即 可 打开 素材 。 

@ 命令 : 选择 “文件 ”|“ 打 开 ” 命 令 ， 弹 出 “文件 夹 ” 对 话 框 ， 找 到 素材 ， 单 击 “ 确 
定 ” 按 钮 ， 即 可 打开 素材 。 
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小 程序 : 
<<<<< 界面 广告 以 及 宣传 页 设计 


5.2 “去 旅行 ”小 程序 设计 


在 制作 旅游 小 程序 界面 时 , 采用 白色 作为 背景 色 , 标题 栏 采用 明亮 的 蓝 色 , 对 比 非常 清晰 ， 
再 添加 色彩 丰富 的 菜单 图 标 ， 可 使 画面 整体 更 加 和 谐 。 
本 实例 最 终 效 果 如 图 5-36 所 示 。 


我 的 订单 有 的 


图 5-36 ”实例 效果 


扫 一 扫 观 看 在 线 视频 : 
去 旅行 小 程序 设计 


5.2.1 制作 横幅 广告 背景 效果 W 

下 面 详细 介绍 旅行 小 程序 横幅 广告 背景 效果 的 设计 方法 。 

殴 王 01| 按 CtultO 组 合 键 , 打开 “背景 2jpg” 素 材 图 像 ， 如 图 5-37 所 示 。 

葬 台 02| 选取 工具 箱 中 的 横 排 文 字 工具 , 选择 “窗口 ”| “字符 ”命令 , 打开 “字符 ”面板 ， 
设置 “字体 系列 ”为 “方正 准 圆 简体 ”、“ 字 体 大 小 ”为 12 点 、“ 颜 色 ” 为 黑色 (RGB 参数 
值 均 为 0)， 输 入 相应 的 文字 ， 如 图 5-38 所 示 。 

区 到 03| 按 Ctal+o 组 合 键 ， 打 开 “ 风 光 图 片 jpg” 素 材 图 像 ， 如 图 5-39 所 示 。 

选择 “图像 ”| "调整 "| "自然 饱和 度 ” 命令, 弹出 “自然 饱和 度 ” 对话 框 , 设置 “ 自 
然 饱 和 度 ” 为 68， 如 图 5-40 所 示 ， 单 击 “ 确 定 ”按钮 。 
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图 5-37 ”打开 背景 素材 图 5-38 输入 文字 
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5-39 打开 素材 图 像 


图 5-40 设置 “自然 饱和 度 ” 参 数 


5.2.2 ”制作 横幅 广告 文字 效果 总 


下 面 详细 介绍 旅行 小 程序 横幅 广告 文字 效果 的 设计 方法 。 

葬 如 01| 选择 “图 像 ”|“ 调 整 ”|“ 曲 线 ”命令 ,弹出 “曲线 ”对 话 框 ,设置 “输出 ” 
为 116、“ 输 入 ”为 98, 在 曲线 上 单 击 鼠标 左 键 新 建 一 个 控制 点 , 如 图 5-41 所 示 , 单 击 “ 确 定 ” 
按钮 。 

殴 国 02| 选择 “图 像 ”|“ 调 整 ”|“ 可 选 颜色 ”命令 , 弹出 “可 选 颜色 ”对 话 框 , 设置 “ 红 
色 ” 各 参数 值 分 别 为 (0、-23、+4、-10)， 如 图 5-42 所 示 ， 单 击 “确定 ”按钮 。 
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小 程序 : 
界面 广告 以 及 宣传 页 设计 


毁 到 03] 运用 移动 工具 将 素材 图 像 拖 所 至 背景 图 像 编辑 窗口 中 ， 适 当地 调整 图 像 的 大 小 


图 5-41 设置 各 参数 


和 人 位置， 效果 如 图 5-43 所 示 。 


芝 王 04] 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 ， 设 置 “ 字 体系 列 ”为 “ 方 
“颜色 ”为 黑 RGB 参数 值 均 为 0))， 在 图 像 编辑 窗口 


正 粗 圆 简体 ”、 


“字体 大 小 ”为 27 点 、 


中 的 适当 位 置 输入 文字 ， 如 图 5-44 所 示 。 


2 
9 


分 类 


© on 
ooe 


苏州 旅游 攻略 


我 的 订单 我 的 


图 5-43” 拖 忠 图 像 


攻 台 05| 选取 工具 箱 中 的 横 排 文字 ] 


正 细 黑 一 简体 ”、 


[ 具 , 在 


“字体 大 小 ”为 18 点、 


辑 窗口 中 的 适当 位 置 输入 文字 ， 如 图 5-45 所 示 。 


E 到 06] 适当 地 调整 各 图 


像 的 位 置 ， 效 果 如 图 


5-42 设置 各 参数 


分 类 我 的 订单 我 的 


图 5-44 输入 文字 


“字符 ”面板 中 ， 设 置 “ 字 体系 列 ” 为 “ 方 
“颜色 ”为 白色 (RGB 参数 值 均 为 255)， 在 图 像 纺 


5-46 所 示 。 
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分 类 我 的 订单 我 的 


图 5-45 输入 文字 图 5-46 最 终 效果 


知识 导读 


在 移动 互联 网 时 代 ， 人 们 在 捕捉 信息 时 更 倾向 于 选择 各 种 资讯 类 的 新 媒体 
平台 ， 如 今日 头条 、 一 点 资讯 以 及 百度 新 闻 等 。 因 此 ， 企 业 和 自 媒体 人 在 进行 
营销 推广 时 ， 需 要 重点 针对 这 些 新 媒体 资讯 平台 进行 广告 设计 。 


本 章 重 点 导航 


@ 头条 号 头像 设计 
@ 头条 推送 广告 设计 
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了 完全 操作 手册 
6.1 头条 号 头像 设计 


头像 就 等 于 辨认 一 个 用 户 的 标准 ， 有 时 甚至 比 用 户 名 还 重要 ， 因 为 眼睛 一 般 是 先 读 图 ， 
而 不 是 文字 。 所 以 ， 一 个 有 特色 、 能 引 人 关 注 的 今日 头条 头像 ， 可 以 给 企业 带 来 更 多 的 关注 。 
本 实例 主要 介绍 企业 头条 号 的 头像 设计 ， 通 过 将 企业 的 品牌 LOGO 作为 头像 ， 加 深 品 牌 在 粉 
丝 心 中 的 印象 。 

本 实例 最 终 效 果 如 图 6-1 所 示 。 
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图 6-1 实例 效果 


扫 一 扫 观 看 在 线 视频 : 
头条 号 头像 设计 


6.1.1 制作 企业 品牌 LOGO 主体 效果 这 
下 面 介绍 制作 头条 号 企业 品牌 LOGO 主体 效果 的 方法 。 
辆 如 01| 选择 “文件 /新 建 ”" 命 令 ,弹出 “新 建文 档 " 对 话 框 ,在 其 中 设置 “名 称 ”“ 宽 度 ”“ 高 
度 ”“ 分 状 率 ”“ 颜 色 模式 ”“ 背 景 内 容 ” 等 参数 ， 单 击 “ 创 建 ”按钮 ， 新 建 一 个 空白 画布 ， 
如 图 6-2 所 示 。 
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选取 工具 箱 中 的 椭圆 工具 ， 在 工具 属性 栏 上 选择 工具 模式 为 “路 径 ”， 在 图 像 
编辑 窗口 的 正 上 方 绘制 一 个 大 小 合适 的 椭圆 形 路 径 ， 效 果 如 图 6-3 所 示 。 


LOGO 在 企业 中 扮演 着 很 重要 的 角色 ， 它 可 以 代表 一 个 企业 的 形象 ， LOGO 的 设计 
很 重要 ， 要 与 企业 处 处 相关 联 ， 可 以 设计 成 抽象 性 、 具 象 性 以 及 非 图 案 字 体 性 三 种 。 


RR 


6-2 “新 建文 档 ” 对 话 框 6-3 绘制 椭圆 路 径 


娩 末 03] 进取 加 ( 转换 点 工具 )， 将 鼠标 指针 移 至 椭圆 路 径 的 上 方 锚 点 ， 此 时 鼠标 指针 
呈 下 形状 ， 如 图 6-4 所 示 。 
姑 到 0 单 击 鼠 标 左 键 ， 即 可 将 平滑 锚 点 转换 为 尖 突 锚 点 ， 效 果 如 图 6-5 所 示 。 


一 一 


6-4 ”鼠标 指针 的 形状 6-5 ”转换 锚 点 1 


新 媒体 美工 ~ 一 一 一 SSS 
二 | 完全 操作 手册 


专家 指点 ) 


“转换 点 工具 ”主要 用 于 转换 路 径 锚 点 的 属性 。 若 销 点 为 尖 突 锚 点 ， 运 用 转 挨 点 工 
具 在 锚 点 上 单 击 息 标 左 键 并 抱 役 ， 即 可 将 该 锚 点 转换 为 平滑 锚 点 ; 若 锚 点 为 平滑 锚 点 ， 
则 在 该 锚 点 上 单 击 鼠 标 左 键 ， 即 可 将 平滑 锚 点 转换 为 类 突 锚 点 。 


贺 到 05] 参考 步 又 (3) 一 步骤 (5) 的 操作 方法 ， 将 椭圆 路 径 正 下 方 的 平滑 销 点 转换 为 尖 
突 锚 点 ， 效 果 如 图 6-6 所 示 。 
鲁 到 06| 按 Ctl+Enter 组 合 键 ， 将 路 径 转换 为 选区 ， 如 图 6-7 所 示 。 


{| 转机 上 
转换 | wy 1 
图 6-6 ”转换 锚 点 2 图 6-7 将 路 径 转换 为 选区 


国 07| 新 建 “ 图 层 1” 图 层 ， 使 用 渐变 工具 为 选区 填充 RGB 参数 值 分 别 为 37、 
253、195)(255、255、255) 的 两 色 线性 渐变 ， 如 图 6-8 所 示 。 
葬 避 08| 按 Cul+D 组 合 键 ， 取 消 选 区 ， 效 果 如 图 6-9 所 示 。 


TE 
Lig 
Nd 


图 6-8 填充 线性 渐变 图 6-9 取消 选区 


区 国 09| 双击 “图 慨 1” 图 层 ， 弹 出 “图 层 样式 ”对 话 框 ， 选 中 “投影 ” 复 选 框 ， 各 选 
项 参数 设置 如 图 6-10 所 示 。 

葬 归 10| 选中 “外 发 光 ” 复 选 框 ， 设 置 “ 发 光 颜 色 ” 的 RGB 参数 值 分 别 为 255、255、 
190， 各 选项 设置 如 图 6-11 所 示 。 
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今日 头条 - 


S44 头像 以 及 推送 广告 设计 | 


号 


| 本 和 (全 旺 
ee i [am | 加 
| 四 | 到 三 二 二 :| | 
| 田 ee 上 1 设置 

| my 田 mn 1 | 
mx ms 1 a 负 1 

攻 | 
1 田 ee [有 
on 日 ra 回 my 

| se me 回 5 Me 
Ta as mr 

| Me ome 所 

ow Dy 加 BWV RA 

| A a 外 自 

图 6-10 设置 “投影 ”参数 图 6-11 设置 “外 发 光 ” 参 数 


戎 现 11] 选中 “光泽 ” 复 选 框 ， 设 置 “ 效 果 颜 色 ” 的 RGB 参数 值 为 253、255、239， 
各 选项 参数 设置 如 图 6-12 所 示 。 


毁 到 12] 设置 完毕 后 单 击 “ 确 定 ”按钮 , 即 可 为 图 像 添加 相应 的 图 层 样式 , 效果 如 图 6-13 


所 示 。 
本 [一 -一 -一 一 -一 ( 
a | Eo 
ee | ee [下 | 
: | 
ny 一 = 
be | mm 站 二- | 
EPE | EET | 
an 人 
we / 
an 4 
Mex 
oy 
名 a 
图 6-12 设置 “光泽 ”参数 图 6-13 ”添加 图 层 样式 


辆 赔 13| 按 CultO 组 合 键 ， 打 开 “ 高 光 .psd” 素 材 图 像 ， 运 用 移动 工具 将 其 拖 眼 至 当前 
图 像 编辑 窗口 中 ， 适 当地 调整 图 像 的 大 小 和 位 置 ， 效 果 如 图 6-14 所 示 。 

戎 玉 14| 设置 “图 层 2” 图 层 的 混合 模式 为 “又 加 ”， 改 变 图 像 效 果 ， 如 图 6-15 所 示 。 

嫁 王 15| 复制 “图 层 1” 图 层 和 “图 层 2” 图 层 , 将 复制 的 图 层 进行 合并 , 重新 命名 为 “ 花 
准 1”， 如 图 6-16 所 示 。 

辆 副 16| 复制 “ 花 六 1” 图 层 ， 得 到 “花瓣 1 拷贝 ”图 层 ， 按 Cul+T 组 合 键 ， 调 出 变换 
控制 框 ， 效 果 如 图 6-17 所 示 。 
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图 6-16 合并 图 层 


四 调 出 这 各 @, 回 日 自 


图 6-17 调 出 变换 控制 框 


贺 到 17] 调整 中 心 控 制 点 的 位 置 ， 如 图 6-18 所 示 。 
辆 如 18| 在 工具 属性 栏 上 设置 “旋转 ”为 45 度 ， 效果 如 图 6-19 所 示 。 


调整 


6-18 调整 中 心 控制 点 


Hji00.00%| 和 时 ] 魔 中 oo0 | 度 
业 品 牌 LOGO 设 计 @ 100% ( 花 敌 1 拷贝 , RGB/8 为 * 


6-19 设置 角度 


上 毁 弹 19| 图 像 随 之 进行 相应 角度 的 旋转 ， 按 Enter 键 ， 即 可 确认 图 像 的 旋转 ， 如 图 6-20 


所 示 。 


鸭 到 20] 按 住 cu 键 的 同时 ， 单 击 “ 花 辩 2 拷贝 ”图 层 的 缩 览 图 ， 将 其 载 入 选区 ， 如 


今日 头条 : 
《< 头像 以 及 推送 广告 设计 


> 


图 6-21 所 示 。 


正常 ~| 不 透明 度 : 100% | ~ 
4 认证: 图 /中 村 人 博克 :00% 
J f 
a 载 入 Bx : 
旋转 
6-20 ”旋转 图 像 图 6-21 载 入 选区 


辆 如 21| 使 用 渐变 工具 为 选区 填充 RGB 参数 值 分 别 为 (255、0、0)(255、255、255) 的 
两 色 线 性 渐变 ， 如 图 6-22 所 示 。 
殴 到 22] 按 CtltD 组 合 键 ， 取消 选 区 ， 效 果 如 图 6-23 所 示 。 


图 6-22 ”填充 渐变 图 6-23 取消 选区 


专家 指点 >) 


Photoshop 的 渐变 工具 在 色彩 视觉 方面 有 一 个 很 大 的 作用 ， 可 以 通过 很 多 种 颜色 渐变 
枉 加 ， 渐 变 类 型 包括 “线性 渐变 ”“ 径 向 渐变 ”“ 角 度 渐 变 ”“ 对 称 渐 变 ”“ 莞 形 渐变 ”， 
一 般 常用 到 的 是 “线性 渐变 ”和 “ 径 向 渐变 ”。 

在 处 理 图 像 色彩 时 ， 面 对 一 个 单独 的 区 域 ， 颜 色 比 较 单调 的 时 候 ， 用 户 可 以 使 用 渐 
变 工 具 对 图 像 进行 渐变 填充 ， 以 获得 更 加 丰富 多 彩 的 效果 。 
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辆 习 23| 按 Cult+O 组 合 键 , 打开 “ 花 辩 .psd” 素 材 图 像 ， 运 用 移动 工具 将 其 拖 忠 至 当前 
图 像 编辑 窗口 中 ， 适 当地 调整 图 像 的 位 置 ， 效 果 如 图 6-24 所 示 。 

葬 凡 24| 按 住 Shift 键 , 选中 所 有 的 图 层 , 单 击 最 下 方 “新 建 组 ”按钮 , 创建 “组 1” 图 层 组 ， 
如 图 6-25 所 示 。 


x 
图 层 ”历史 记录 动作 至 
Pa vi 国 @THA® 
穿 租 | 不 透明 度 : 100% | > 
铁证 :图 A/ 中 癸 @ 填充 : 100% ~ 


TY 一 
< 
ND 


拖 忠 
所 DO @ 回 司仪 
图 6-24 ”添加 花瓣 素材 图 6-25 创建 组 
6.1.2 制作 企业 品牌 LOGO 字符 效果 2 


下 面 介绍 制作 头条 号 企业 品牌 LOGO 字符 效果 的 方法 。 

辆 强 01| 使 用 横 排 文 字 工 具 在 图 像 编辑 窗口 中 输入 符号 ， 在 “字符 ”面板 中 设置 “字体 
系列 ”为 “Adobe 黑体 Std”、“ 字 体 大 小 ”为 52 点、 颜色 的 RGB 参数 值 分 别 为 (5、144、0)， 
并 激活 仿 粗 体 图 标 ， 如 图 6-26 所 示 。 

葬 台 02| 执行 “图 民 ”|“ 栅 格 化 ” |“ 文字 ”命令 ， 将 文字 栅 格 化 ， 并 锁定 @ 图 层 的 透 
明 像素 ， 如 图 6-27 所 示 。 


输入 @ 字符 主要 有 两 种 方法 ， 一 种 是 按 Shiftt2 组 合 键 ， 另 一 种 是 通过 软 键 盘 的 “ 特 
殊 符 号 ”选项 插入 该 字符 。 


项 03| 使 用 渐变 工具 为 图 像 填 充 RGB 参数 值 分 别 为 (0、3、144) (255、0、198) 的 径 
向 渐变 色 ， 效 果 如 图 6-28 所 示 。 


一 一 
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章 


双击 @ 图 层 ,弹出 “图 层 样式 "对 话 框 , 选 中 "投影 " 复 选 框 ,各 选项 设置 如 图 6-29 


所 示 。 
属性 信息 和 。 段 车 4 | 三 站 加 
| Adobe 黑体 Std v | me 于 
| 开 [52 点 全 Ga | 2 99 
!T. viNa > 用 
1 正常 v| 不 透明度: 100% ~ 
ws “四 “| 
‘ow | 
| 中 
I1T 100% Tio0% | 
1 1 
ss | 
(rarnrrrs| 
fie Alaa TT 1*% 
关 英 语 设置 纪 ~ OD 全 
图 6-26 设置 字符 面板 图 6-27 锁定 @ 图 层 的 透明 像素 
3 jr 1 (三 跑 
2 | em 确 3 | 有 
ee | mao 一 EE | ss 
村 三 | mw (Ve aml) | © WA 
和 图 | 和 ph 3 [ | 
Ss Nl 状语 = | 
< ee | | 
A [| | 
2 | | 
3 忆 om | Ee | 
v | 
A a 
图 6-28 填充 渐变 色 图 6-29 设置 “投影 ”参数 


区 到 05| 选中 “外 发 光 ” 复 选 框 ， 设 置 发 光 颜色 的 RGB 参数 值 分 别 为 255、144、0， 


各 参数 设置 如 图 6-30 所 示 。 
辆 如 06| 选中 “光泽 ” 复 选 框 ， 设置 效果 颜色 的 RGB 参数 值 分 别 为 246、242、222， 
各 参数 设置 如 图 6-31 所 示 。 


毁 到 07| 选中 “颜色 委 加 ” 复 选 框 ， 设 置 玲 加 颜色 的 RGB 参数 值 分 别 为 255、255、 
255， 各 参数 设置 如 图 6-32 所 示 。 


如 到 08] 设置 完毕 后 单 击 “ 确 定 ” 按钮, 即 可 为 字符 添加 图 层 样式 ,效果 如 图 6-33 所 示 。 
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图 6-31 设置 “光泽 ”参数 


PaH vmornae. 
E23 ~ 明度 : 100% ~ 
We: 贺 /4 @ tet: 0% ~ 


图 6-32 设置 “颜色 到 加 ”参数 图 6-33 应 用 图 层 样式 


专家 指点 ) 


渐变 编辑 器 中 的 “位 置 ”文本 框 中 显示 标记 点 在 渐变 效果 预览 条 的 位 置 ， 用 户 可 以 
输入 数字 来 改变 颜色 标记 点 的 位 置 ， 也 可 以 直接 拖 旬 渐变 颜色 带 下 端的 颜色 标记 点 。 单 
击 Delete 键 可 将 此 颜色 标记 点 删除 。 

在 “ 预 设 ”选项 区 中 ， 前 两 个 渐变 色 块 是 系统 根据 前 景色 和 背景 色 自动 设置 的 ， 若 
用 户 对 当前 的 渐变 色 不 满意 ， 也 可 以 在 该 对 话 框 中 ， 通 过 渐变 滑 块 对 渐变 色 进 行 调整 。 


6.1.3_ 制 作 企业 品牌 LOGO 文字 效果 o| 
下 面 介绍 制作 头条 号 企业 品牌 LOGO 文字 效果 的 方法 。 


葬 妈 01| 选取 横 排 文 字 工具 ， 在 图 像 编辑 窗口 的 下 方 单 击 鼠 标 左 键 并 拖 忠 ， 即 可 显示 一 
个 虚线 框 ， 至 合适 位 置 后 释放 鼠标 左 键 ， 即 可 得 到 一 个 文本 框 ， 并 且 有 一 个 闪烁 的 光标 ， 效 
果 如 图 6-34 所 示 。 
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选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “方正 
综艺 简体 ”、“ 字 体 大 小 ”为 50 点 、“ 颜 色 ” 为 黑色 (RGB 参数 值 均 为 0), 效果 如 图 6-35 所 示 。 
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图 6-34 创建 文本 框 图 6-35 设置 字符 面板 
毁 到 03] 在 图 像 编辑 窗口 中 输入 相应 的 文字 ， 按 Enter 键 ， 文 字 光 标 切 换 至 另 一 行 ， 效 
果 如 图 6-36 所 示 。 
殴 到 04| 根据 需要 输入 中 文字 的 字母 拼写 ， 效 果 如 图 6-37 所 示 。 
人 
hs 
o> ,| 
2S RR 
M2 Sv 
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图 6-36 换行 图 6-37 输入 字母 


文本 框 通常 运用 于 输入 文字 较 多 的 情况 下 ， 当 一 行 中 所 输入 的 文字 超过 文本 框 的 宽 
度 时 ， 将 自动 转换 至 下 一 行 。 在 文本 框 中 输入 文字 后 ， 可 以 根据 需要 对 文本 框 的 高 度 或 
宽度 进行 调整 ， 以 显示 未 显示 的 文字 。 


D5 = 
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钨 到 05] 使 用 柄 排 文字 工具 选择 文本 框 中 的 字母 拼写 ， 展 开 “ 字 符 ” 面 板 ， 设 置 “字体 
系列 ”为 “方正 综艺 简体 ”、“ 字 体 大 小 ”为 38 点 、“ 颜 色 ” 为 黑色 (RGB 参数 值 分 别 为 0、 
0、0)， 效 果 如 图 6-38 所 示 。 

虞 到 06| 展开 “字符 ”面板 ， 激 活 仿 粗 体 图 标 国 ， 如 图 6-39 所 示 。 
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彩色 视 完 又 化 | 

CAISESHIJUE | 

图 6-38 设置 字母 属性 效果 6-39 激活 仿 粗 图 标 


项 到 07| 展开 “字符 ”面板 ， 选 中 中 文 文字 ， 设 置 “颜色 ”为 黄色 (RGB 参数 值 分 别 为 
224、171、69)， 调 整 中 文 文字 的 颜色 ， 效 果 如 图 6-40 所 示 。 

恕 到 08] 展开 “字符 ”面板 ， 选 中 拼音 文字 ， 设 置 “ 颜 色 ” 为 黄色 (RGB 参数 值 分 别 为 
224、171、69)， 调 整 拼音 颜色 ， 效 果 如 图 6-41 所 示 。 


vhs bs 


yr Be 
[4 v & ) 
形 色 议 儿 文化 济 色 现 兄 文化 
CAISESHIJUE 
CAISESHIJUE 
图 6-40 调整 中 文 文字 颜色 的 效果 6-41 调整 字母 拼写 颜色 效果 


辆 可 09| 设置 完毕 后 ， 按 Cul+Enter 组 合 键 确认 ， 在 “字符 ”面板 中 设置 “行距 ”为 60 
点 ， 效 果 如 图 6-42 所 示 。 

姑 到 10] 打开 “段落 " 面板 , 单 击 “ 居 中 对 齐 文本 ”按钮 雪 ,再 适当 地 调整 文字 的 位 置 ， 
本 实例 制作 完毕 ， 效 果 如 图 6-43 所 示 。 
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<<<<< 头像 以 及 推送 广告 设计 对 


Rh wh 
Fa 
vv v 
形 色 吏 沉 文化 塞 色 魂 完 文 化 
CAISESHIJUE CAISESHIJUE 
图 6-42 ”设置 行距 效果 图 6-43 ”最终 效果 


头条 推送 广告 设计 


在 制作 推送 广告 时 ， 先 打开 并 拖 中 素材 图 像 ， 调 整 图 像 的 亮度 ， 输 入 相应 的 商品 信息 
最 后 再 将 图 像 拖 忠 至 今日 头条 界面 中 ， 即 可 完成 设计 。 
本 实例 最 终 效果 如 图 6-44 所 示 。 


关注 蕉 荐 热点 长 沙 视频 社会 十 


长 沙 街头 的 女生 都 在 穿 什么 ? 


什么 是 新 媒体 平台 ? 跟 UI 有 什么 区 别 ? 
22 个 常见 问题 , 速 哉 1 


可 


女装 全 场 8 折 ! 稚 这 里 ! 


6-44 ”实例 效果 


扫 一 扫 观 看 在 线 视频 : 
推送 广告 设计 
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6.2.1 ”制作 推送 广告 背景 效果 | 


下 面 详细 介绍 制作 推送 广告 主体 效果 的 方法 。 

国 玉 01] 选择 “文件 ” |“ 新建” 命令， 弹出 “新 建文 档 ” 对 话 框 , 设置 “名 称 ”为 “ 推 
送 广告 设计 ”、“ 宽 度 ”为 4630 像素 、“ 高 度 ” 为 2088 像素 .“ 分 辩 率 " 为 72 像素 /英寸 、“ 颜 
色 模式 ”为 “RGB 颜色 ”、“ 背 景 内 容 ” 为 “白色 ”， 如 图 6-45 所 示 ， 单 击 “创建 ”按钮 ， 
新 建 一 个 空白 图 像 。 

攻取 02| 展开 “图 层 ” 面 板 ， 新 建 “ 图 层 1” 图 层 ， 如 图 6-46 所 示 。 


CE 


照片 。 打印。 本 说 i0 丘 汉 Web。 移动 设备 。。” 受 片 和 杭 舌 画 层 历史 记录 。 动作 至 


PP vv 四 OOTDBD 
正常 ~ 不 透明 度 : 100% | ~ 


锦 主 :田中 村 填充: 100% ~ 
< EE 
@ [三 ] 和 天 外 


新 建 


中 D8 日 全 


图 6-45 设置 各 项 参数 图 6-46 新建 图 层 


葬 避 03| 选 择 “ 图 层 1” 图 层 ， 设置 前 景色 为 黄色 (RGB 参数 值 分 别 为 255、246、0)， 
按 AlttDelete 组 合 键 填充 前 景色 ,效果 如 图 6-47 所 示 。 

辆 可 04| 先 取 工 具 箱 中 的 钢笔 工具 ， 新建“ 图 层 2” 图 层 ， 在 图 像 编辑 窗口 的 左 侧 绘制 
一 个 大 小 合适 的 弯曲 路 径 ， 效 果 如 图 6-48 所 示 。 


图 6-47 填充 背景 图 6-48 绘制 路 径 


今日 头条 : 


<<<X4 头像 以 及 推送 广告 设计 国 


区 国 05| 绘 制 完毕 后 ， 按 Ctl+Enter 组 合 键 将 路 径 转换 为 选区 ， 效 果 如 图 6-49 所 示 。 
姑 到 06| 设 置 前 景色 为 黑色 (RGB 参数 值 分 别 为 0、0、0)， 按 AlttDelete 组 合 键 为 选区 
填充 前 景色 ， 按 CHD 组 合 键 取消 选区 ， 效 果 如 图 6-50 所 示 。 


x 


填充 


图 6-49 ”转换 选区 图 6-50 填充 选 


6.2.2 ”制作 推送 广告 文字 效果 DO 

下 面 详细 介绍 制作 推送 广告 文字 效果 的 方法 。 

虎斑 01| 按 Cul+0 组 合 键 , 打开 “人 物 jpg” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 拖 虹 
至 背景 图 像 编辑 窗口 中 ， 适 当地 调整 图 像 的 位 置 ， 效 果 如 图 6-51 所 示 。 

毁 末 02] 按 CtrlL 组 合 键 ， 展 开 色 阶 对 话 框 ， 输 入 色 阶 的 参数 分 别 为 (15、1.26、 
230)， 单 击 “ 确 定 ”按钮 ， 效 果 如 图 6-52 所 示 。 


内 


图 6-51 添加 人 物 素材 图 6-52 调整 人 物 素 材 亮度 


辆 弹 03| 按 Ctrl+J 组 合 键 复 制 人 物 图 层 ， 如 图 6-53 所 示 。 

区 国 04| 按 CalHT 组 合 键 调 出 变换 控制 框 ， 将 复制 图 层 水 平 翻转 ， 适 当地 调整 图 像 的 
位 置 ， 效 果 如 图 6-54 所 示 。 

国 国 05| 选取 工具 箱 中 的 矩形 工具 ， 设 置 “ 填 充 ” 为 无 、“ 描 边 ”为 30 像素 、 描 边 颜 
色 为 白色 ， 在 图 像 编 辑 窗口 中 绘制 一 个 大 小 合适 的 矩形 图 像 ， 效 果 如 图 6-55 所 示 。 

苞 王 06| 选中 “矩形 1? 形 状 图 层 , 单 击 鼠 标 右键 , 在 弹出 的 快捷 菜单 中 选择 “ 栅 格 化 图 层 ” 
选项 ， 将 其 栅 格 化 ， 然 后 使 用 橡皮 擦 工具 擦 除 多 余 像 素 ， 效 果 如 图 6-56 所 示 。 

辆 如 07| 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “微软 
雅 黑 ”、“ 字 体 大 小 ”为 337 点 、“ 颜 色 ” 为 黑色 (RGB 参数 值 分 别 为 0、0、0)， 激 活 仿 粗 
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体 图 标 ， 如 图 6-57 所 示 。 
区 到 08| 在 图 像 编辑 窗口 中 输入 相应 的 文字 ， 如 图 6-58 所 示 。 


图 垦 ”历史 记录 动作 至 
. 


Pi v 回 @TOD 
正常 v| 了 透明度: 100% ~ 


ce 友 加 G 思 上 加 会 


图 6-53 复制 素材 图 像 图 6-54 调整 素材 图 像 


图 6-55 ”绘制 矩形 框 图 6-56 ” 擦 除 多 余 像素 

字符 私营 库 3 至 
[本 JR TT| 
| 

HE 口 闪 ET | 
Ao ~ 四。 加 | 
| 加 0% v | 
显 100% 下 |100% | 
| 各 上 a 
! 国 zi Ts | 


和 6 和 3 | 
i 
| 设置 | 三 ~ 


图 6-57 设置 字符 面板 图 6-58 输入 文字 


人 


Je 


今日 头条 : 
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殴 王 09| 双击 文字 图 层 ， 弹 出 “图 层 样式 ”对 话 框 ， 选 中 “投影 ” 复 选 框 ,设置 “混合 
模式 ”为 “正片 稚 底 ”、“ 不 透明 度 ” 为 47%、“ 和 角度 ”为 87 度 、“ 距 离 ” 为 28 像素 、“ 扩 
展 ”为 14%、“ 大 小 ”为 43 像素 ,效果 如 图 6-59 所 示 。 

毁 到 10] 单 击 “ 确 定 ” 按 钮 ， 添 加 “投影 ”效果 ， 如 图 6-60 所 示 。 


图 6-59 设置 “投影 ”参数 图 6-60 “投影 ”效果 
辆 如 11 选取 工具 箱 中 的 横 排 文字 工具 ,在 “字符 ”面板 中 设置 “字体 系列 ”为 “微软 雅 黑 ”、 
“字体 大 小 ”为 337 点 、“ 颜 色 ” 为 黑色 (RGB 参数 值 均 为 0)， 激 活 仿 粗 体 图 标 ， 如 图 6-61 
所 示 。 
芝 到 12| 在 图 像 编辑 窗口 中 输入 相应 的 文字 ， 如 图 6-62 所 示 。 
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EE wt ~ seo ~ | 
| 开 337 点 |~ 途 [ 昌 动 | 
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图 6-61 设置 字符 面板 图 6-62 输入 文字 
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知识 导读 


一 点 资讯 自 媒体 平台 又 称 为 一 点 号 ， 是 由 一 点 资讯 推出 的 一 个 内 容 发 布 平 
台 ， 丰 富 的 内 容 再 加 上 独特 的 “兴趣 引擎 ”， 一 点 资讯 通过 移动 互联 网 技术 极 
大 地 提高 了 用 户 体验 ， 这 对 于 互联 网 创业 者 来 说 ， 也 为 他 们 带 来 了 更 多 用 户 群 
体 ， 可 以 帮助 优秀 的 自 媒体 人 更 快 地 找到 与 自己 匹配 的 粉丝 。 


本 章 重 点 导航 


@ 主页 横幅 广告 设计 
@ 元 旦 活动 广告 设计 


关注 热点 长 沙 视频 新 时 代 三 


摄影 人 让 二 己 不 会 ， 其 实 你 跟 专 业 摄影 
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7.1 主页 横幅 广告 设计 


在 制作 一 点 资讯 平台 中 的 主页 横幅 广告 时 ， 先 调整 背景 图 像 的 颜色 并 适当 模糊 ， 再 输入 
文字 ， 为 文字 添加 图 层 样式 ， 即 可 完成 设计 。 
本 实例 最 终 效 果 如 图 7-1 所 示 。 


刚刚 看 到 这 里 ， 点 击 刷 新 


图 CD 2 名 


7-1 实例 效果 


扫 一 扫 观 看 在 线 视频 : 
主页 横幅 广告 设计 


7.1.1_ 制作 主页 横幅 广告 背景 效果 o| 


下 面 介绍 制作 一 点 资讯 平台 主页 横幅 广告 背景 的 方法 。 

按 CtdHN 组 合 键 ,弹出 "新 建文 档 " 对 话 框 , 设置“ 名称” 为 “主页 横幅 广告 设计 ”、 
“宽度 ”为 1080 像素 、“ 高 度 ” 为 271 像素 、“ 分 辩 率 ”为 300 像素 /英寸 、 “颜色 模式 ” 
为 “RGB 颜色 ”、“ 背 景 内 容 ” 为 “白色 ”， 设 置 完成 后 单 击 “创建 ”按钮 ， 如 7-2 所 示 ， 
新 建 一 个 空白 图 像 。 

按 Ctrl+O 组 合 键 ， 打开“ 背景 1jpg” 素 材 图 像 ， 如 图 7-3 所 示 。 
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一 点 资讯 = 


<<<<< 横幅 广告 与 活动 设计 加 


图 7-2 设置 各 选项 图 7-3 打开 背景 素材 
项 到 03] 选择 “窗口 ”|“ 调 整 ”命令 ， 展 开 “ 调 整 ”面板 ， 在 其 中 单 击 “ 曲 线 ”按钮 ， 
新 建 “ 曲 线 1” 调 整 图 层 ， 如 图 7-4 所 示 。 


辆 赚 04| 在 展开 的 “属性 ”面板 中 ， 在 曲线 上 单 击 鼠 标 左 键 新 建 一 个 控制 点 ， 在 下 方 设 
置 “输入 ”为 137、“ 输 出 ”为 122， 如 图 7-5 所 示 。 


图 层 ”通道 路 径 ”历史 记录 三 
pi vornn® 
正常 Y| 不 透明 度 :100% | ~ 
钳 E: 回 4 中 李 人 填充 :|100% ~ 


° Bi 
避 BE 背景 自 


新 建 


四 口 8 加 全 
图 7-4 新 建 调整 图 层 图 7-5 设置 各 参数 
此 时 图 像 的 亮度 随 之 下 降 ， 效 果 如 图 7-6 所 示 。 


项 到 06] 在 “调整 ”面板 中 单 击 “ 自 然 饱 和 度 ” 按 钮 ， 新 建 “ 自 然 饱和 度 1” 调 整 图 层 ， 
在 “属性 ”面板 中 ,设置 “自然 饱和 度 ”为 50、“ 饱 和 度 ” 为 32， 效 果 如 图 7-7 所 示 。 
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图 7-6 图 像 效 果 图 7-7 ”图像 效 果 


如 07] 按 Shift+Cul+AltE 组 合 键 , 盖 印 可 见 图 层 , 得 到 “图 层 1” 图 层 , 如 图 7-8 所 示 。 
E 本 到 08] 运用 移动 工具 将 素材 图 像 拖 中 至 背景 图 像 编辑 窗口 中 ,适当 地 调整 图 像 的 位 置 ， 
效果 如 图 7-9 所 示 。 


于 时 得 道 ”接生 ”历史 2 条 = 
Pu -oTHA® 
党 ~ 不通 明 度 : 100% ~ 
乌 E: 田 中 凡 人 ;10% ~ 
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SC 加 
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图 7-8 得 到 “图 层 1” 图 层 图 7-9 拖 电 图 像 


毁 玉 09] 在 “图 层 1" 选择 “ 滤 镜 ” |“ 模糊 ”|“ 方 框 模糊 ” 命令 , 弹出 “ 方 框 模糊 ”对 话 框 ， 
设置 “半径 ”为 8 像素 ， 如 图 7-10 所 示 。 
如 王 10] 单 击 “ 确 定 ”按钮 ， 即 可 应 用 “ 方 框 模糊 ” 滤 镜 ， 效 果 如 图 7-11 所 示 。 


(确定 ) 
预览 (P) 
| 
Q 00% QQ 
半径 (R): 回 像素 
图 7-10 设置 “半径 ”参数 图 7-11 图 像 效 果 
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“ 方 框 模糊 ” 滤 镜 可 以 基于 相 邻 像素 的 平均 颜色 值 来 模糊 图 像 ， 生 成 类 似 于 方块 状 
的 特殊 模糊 效果 。“ 半 径 ” 值 可 以 调整 用 于 计算 给 定 像素 平均 值 的 区 域 大 小 。 


7.1.2_ 制 作 主 页 横幅 广告 文字 效果 成 


下 面 介绍 制作 一 点 资讯 平台 主页 横幅 广告 文字 效果 的 方法 。 


步骤 [下 
大 黑 简体 ”、 


选取 工具 箱 中 的 横 排 文 字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “方正 
“字体 大 小 ”为 17.5 点 、“ 颜 色 ” 为 白色 (RGB 参数 值 均 为 255)， 在 图 像 编辑 


窗口 中 输入 文字 ， 如 图 7-12 所 示 。 


步骤 [到 


单 击 “ 图 层 ” 面板 底部 的 “添加 图 层 样式 ”按钮 ,在 弹出 的 快捷 菜单 中 选择 “ 渐 


变 三 加 ”选项 ， 如 图 7-13 所 示 。 


步骤 呈 
器 ”对 话 框 ， 
255. 198, 0) 

步骤 [到 
式 ”为 “线性 ”、“ 和 角度” 为 90 度 ， 如 图 7-15 所 示 。 


步骤 划 
为 5 像素 ， 如 


步骤 [ 


医 色 有 加 ,… 

V 新 变 王 加 .. NS 
图 案 生 加.… 
外 发 光 … 
投影 .… 


图 7-12 输入 文字 图 7-13 ”选择 “渐变 全 加 ”选项 


打开 “图 层 样式 ”对 话 框 ， 单 击 “ 点 按 可 编辑 渐变 ”按钮 ， 弹 出 “渐变 编辑 
设置 渐变 色 为 红色 (RGB 参数 值 分 别 为 255、0、0) 到 黄色 (RGB 参数 值 分 别 为 
到 红色 (RGB 参数 值 分 别 为 255、0、0) 的 线性 渐变 ， 如 图 7-14 所 示 。 

单 击 “ 确 定 ” 按 钮 , 返回 “图 层 样式 ”对 话 框 , 设置 “不 透明 度 ” 为 100%、“ 样 


选中 “投影 ” 复 选 框 , 设置 “不 透明 度 ” 为 75%、“ 距 离 ” 为 7 像素 、“ 大 小 ” 
图 7-16 所 示 。 
单 击 “确定 ”按钮 ， 即 可 为 文字 添加 相应 图 层 样 式 ， 如 图 7-17 所 示 。 
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图 7-14 设置 色 标 颜色 图 7-15 设置 各 选项 


| 2? 专家 指点 22 


渐变 编辑 器 中 的 “位 置 ”文本 框 中 显示 标记 点 在 渐变 效果 预览 条 的 位 置 ， 用 户 可 以 
输入 数字 来 改变 颜色 标记 点 的 位 置 ， 也 可 以 直接 拖 虽 渐变 颜色 带 下 端的 颜色 标记 点 。 音 
击 Delete 键 可 将 此 颜色 标记 点 删除 。 在 “ 预 设 ” 选 项 区 中 ， 前 两 个 渐变 色 块 是 系统 根据 
前 景色 和 背景 色 自 动 设置 的 ， 若 用 户 对 当前 的 渐变 色 不 满意 ， 也 可 以 在 该 对 话 框 中 ， 通 
过 渐变 滑 块 对 渐变 色 进行 调整 


回国 
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7-16 设置 各 选项 7-17 ”应 用 图 层 样式 


辆 如 07| 按 CultO 组合 键 ， 打开 “横幅 广告 文字 .psd” 素 材 图 像 ， 运 用 移动 工具 将 其 拖 
忠 至 当前 图 像 编辑 窗口 中 的 适当 位 置 ， 效 果 如 图 7-18 所 示 。 

辆 如 08| 按 CultO 组 合 键 , 打开 “企业 LOGO.psd” 素 材 图 像 ， 运 用 移动 工具 将 其 拖 中 
至 当前 图 像 编辑 窗口 中 的 适当 位 置 ， 效 果 如 图 7-19 所 示 。 
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图 7-18 ”添加 文字 素材 7-19 添加 LOGO 素材 


7.2 元旦 活动 广告 设计 


节假日 一 直 都 是 企业 开展 活动 的 契机 ， 新 媒体 运营 者 也 需要 掌握 节假日 活动 的 策划 要 点 ， 
有 这 样 才能 巧妙 地 借助 节假日 的 气氛 ， 顺 势 实现 活动 目标 。 本 实例 介绍 一 点 资讯 平台 中 的 
且 


活动 广告 设计 方法 ， 本 实例 最 终 效 果 如 图 7-20 所 示 。 
中 们 时 464 B36 
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7-20 ”实例 效果 


扫 一 扫 观 看 在 线 视频 : 
元 旦 活动 广告 设计 


和 王 条 全 
7.2.1_ 制 作 商 场 折扣 活动 页 面 主体 效果 四 


下 面 介绍 制作 商场 折扣 活动 页 面 主体 效果 的 方法 。 
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2>>> 
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完全 操作 手册 ) 


[01| 按 Cul+O 组 合 键 ， 打开 “背景 2jpg” 素 材 图 像 ， 如 图 7-21 所 示 。 
02| 按 Ctrl+O 组 合 键 打开 “礼物 jpg” 素 材 图 像 ， 运 用 移动 工具 将 其 拖 忠 至 背景 图 
像 编辑 窗口 中 ， 如 图 7-22 所 示 。 


ea 


图 7-22 添加 素材 


7-21 打开 素材 图 像 


过 涪 03| 选取 工具 箱 中 的 魔 棒 工 具 , 设置 “ 容 差 为 20, 在 礼品 图 像 的 白色 区 域 创建 选区 ， 
如 图 7-23 所 示 。 
本 04| 按 Delete 键 删除 选区 内 的 图 像 ， 


效果 如 图 7-24 所 示 。 


图 7-24 ”删除 选区 内 的 图 形 


刀 泣 05 按 Cal+D 组 合 键 取消 选区 ， 按 Ctl+T 组 合 键 调 出 变换 控制 框 ， 适 当地 调整 礼 
品 图 像 的 大 小 和 位 置 ， 效 果 如 图 7-25 所 示 。 
E 受 说 06| 双击 “图 层 1” 图 层 ， 弹 出 “图 层 样 式 ” 对 话 框 ， 选 中 “外 发 光 ” 复 选 框 ， 设 


置 发 光 颜 色 为 黄色 (RGB 参数 值 分 别 为 255、245、212)， 其 他 参数 设置 如 图 7-26 所 示 。 


一 点 资讯 : 
SS 模 幅 广告 与 革 动 设计 划 
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图 7-25 调整 商品 图 像 图 7-26 设置 “外 发 光 ” 参数 


区 到 07| 单 击 “ 确 定 ”按钮 ， 添 加 “外 发 光 ” 图 层 样式 ， 效 果 如 图 7-27 所 示 。 
辆 始 08| 打开 “黄色 波浪 psd” 素材 图 像 , 运用 移动 工具 将 其 拖 忠 至 背景 图 像 编辑 窗口 中 ， 
选中 “图 层 2” 图 层 ， 在 图 层面 板 中 拖 忠 至 背景 图 层 的 上 面 一 层 ， 如 图 7-28 所 示 。 


图 7-27 添加 “外 发 光 ” 图 层 样式 效果 图 7-28 添加 黄色 波浪 素材 


7.2.2 制作 商场 折扣 活动 页 面 文字 效果 2 


下 面 介绍 制作 商场 折扣 活动 页 面 文 字 效 果 的 方法 。 

辆 弹 01| 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “ 华 康 
海报 体 W...”、“ 字 体 大 小 ”为 30 点 、“ 颜 色 ” 为 白色 ， 如 图 7-29 所 示 。 

氏 国 02| 将 鼠标 移动 至 图 像 编 辑 窗口 中 单 击 鼠 标 左 键 ， 输 入 文字 ， 按 Ctrl+Enter 组 合 键 
确认 输入 ， 选 取 工具 箱 中 的 移动 工具 ， 将 文字 移动 至 合适 位 置 ， 效 果 如 图 7-30 所 示 。 
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图 7-29 设置 “字符 ”属性 图 7-30 输入 文字 


上 葬 绍 03| 在 菜单 栏 中 选择 “图 层 ”|“ 图 层 样式 ”| “渐变 短 加 ”命令 ， 弹 出 “图 层 样式 ” 
对 话 框 ， 设 置 “角度 ”为 90 度 ， 单 击 “渐变 ” 色 块 ， 即 可 弹出 “渐变 编辑 器 ”对 话 框 ， 设 置 
渐变 颜色 0% 位 置 为 黄色 (RGB 参数 值 分 别 为 252、255、0)，75% 位 置 为 橙色 (RGB 参数 值 
分 别 为 255、138、0)， 如 图 7-31 所 示 。 

辆 始 04| 单 击 “确定 ”按钮 ， 即 可 返回 “图 层 样式 ”对 话 框 ， 选 中 “ 描 边 ” 复 选 框 ， 设 
置 “ 大 小 ”为 4 像素 、“ 颜 色 ” 为 白色 ， 如 图 7-32 所 示 。 


名 称 (N): 自 定 
渐变 类 型 : 实 底 ~ 
平滑 度 (M): 100 ~ % 
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图 7-31 “渐变 编辑 器 ”对 话 框 图 7-32 设置 “ 描 边 ”参数 


葬 妈 05| 单 击 “确定 ”按钮 ， 即 可 制作 “ 描 边 ”效果 ， 如 图 7-33 所 示 。 
选取 工具 箱 中 的 横 排 文 字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “方正 
大 黑 简 体 ”、“ 字 体 大 小 ”为 16 点 、“ 颜 色 ” 为 白色 ， 如 图 7-34 所 示 。 
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图 7-33 “ 描 边 ”效果 图 7-34 设置 字符 面板 


区 到 07| 在 图 像 编辑 窗口 中 输入 相应 文字 ， 如 图 7-35 所 示 。 

恩 到 08] 选取 工具 箱 中 的 横 排 文字 工具 输入 相应 文字 ， 在 “字符 ”面板 中 设置 “字体 系 
列 ” 为 “方正 大 黑 简体 ”、“ 字 体 大 小 ”为 24 点 、“ 颜 色 ” 为 白色 ， 激 活 仿 斜 体 图 标 ， 如 
图 7-36 所 示 。 
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图 7-35 输入 文字 图 7-36 设置 字符 面板 


芝 王 09] 在 菜单 栏 中 选择 “图 层 ”|“ 图 层 样式 ”|“ 渐 变 释 加 ”命令 ,弹出 “图 层 样式 ” 
对 话 框 ,设置 “角度 ”为 90 度 ， 单 击 “渐变 ” 色 块 ， 弹 出 “渐变 编辑 器 ”对 话 框 ， 设 置 渐变 
颜色 0% 位 置 为 查 色 (RGB 参数 值 分 别 为 255、110、2)、50% 位 置 为 黄色 (RGB 参数 值 分 别 
为 252、255、0)、100%6 位 置 为 橙色 (RGB 参数 值 分 别 为 255、110、2)， 如 图 7-37 所 示 。 

毁 王 10] 单 击 “ 确 定 ” 按 钮 ， 即 可 返回 “图 层 样式 ”对 话 框 ， 选 中 “ 描 边 ” 复 选 框 ， 设 
置 “ 大 小 ”为 3 像素 、“ 颜 色 ” 为 白色 ， 如 图 7-38 所 示 。 
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图 层 样式 是 Photoshop 的 图 层 里 的 一 种 功能 ， 图 层 样 式 的 功能 很 多 很 强大 ， 既 能 够 简 
单 快速 地 制作 有 立体 感 的 图 像 ， 也 能 够 制作 各 种 有 质感 的 图 像 。 

通过 不 同 的 图 层 样式 选项 可 以 模拟 出 各 种 神奇 的 效果 ， 当 设置 好 了 图 层 样式 并 且 应 
用 的 时 候 ， 它 会 随 着 文件 一 起 保存 下 来 。 


加 te 
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7-37 ”添加 图 层 样式 图 7-38 设置 字符 面板 


葬 如 11| 单 击 “ 确 定 ” 按钮 , 运用 “渐变 短 加 ”和 “ 描 边 ”图 层 样式 , 效果 如 图 7-39 所 示 。 

娆 到 12| 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “方正 
综艺 简体 ”、“ 字 体 大 小 ”为 12 点 、“ 颜 色 ” 为 白色 、“ 行 距 ” 为 20 点 ， 在 图 像 编辑 窗口 
中 输入 相应 文字 ， 效 果 如 图 7-40 所 示 。 
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Happy new year 
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Happy new year 


图 7-39 应 用 图 层 样 式 图 7-40 输入 文字 
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知识 导读 


百度 新 闻 是 包含 海量 资讯 的 新 闻 服 务 平台 ,真实 反映 每 时 每 刻 的 新 闻 热点 。 
ean oe 也 可 以 说 是 新 媒体 营销 发 展 的 新 风口 。 本 
主要 介绍 百度 新 闻 平台 中 的 图 文 推送 广告 和 促销 活动 设计 方法 。 


本 章 重 点 导航 


@ 图 文 推送 广告 封面 设计 
@ “ 双 十 一 ”促销 活动 页 面 设计 
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六 立方 六 六 


8.1 图 文 推送 广告 封面 设计 


在 制作 百度 新 闻 的 图 文 推送 广告 封面 设计 时 ， 先 调整 背景 图 像 的 偏 色 现象 ， 添 加 相应 素 
材 并 模糊 背景 ， 营 造 出 真实 的 拍照 场景 和 景深 效果 ， 突 出 产品 的 特点 ， 最 后 输入 适当 的 宣传 
文字 ， 即 可 完成 图 文 推送 广告 封面 的 设计 。 
本 实例 最 终 效果 如 图 8-1 所 示 。 
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8-1 实例 效果 


扫 一 扫 观 看 在 线 视频 : 
图 文 推送 广告 设计 


8.1.1 制作 广告 封面 背景 效果 


下 面 详细 介绍 制作 百度 新 闻 图 文 推送 广告 封面 背景 效果 的 方法 。 
葬 如 01| 按 Ctrl+o 组 合 键 , 打开 “封面 背景 1jpg” 素 材 图 像 ， 如 图 8-2 所 示 。 
辆 赔 02| 按 Cul+M 组 合 键 ,弹出 “曲线 "对话 框 ,在 曲线 上 单 击 和 鼠标 左 键 新 建 一 个 控制 点 ， 


在 下 方 设置 “输入 ”为 150、 
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“输出 ”为 120， 如 图 


8-3 所 示 。 
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田 晶 自动 内 ) 
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C -1 方 图 (0) 
es (8) 
] 答 出 [D) 加 交叉 颖 (N) 
| 四 
图 8-2 ”打开 素材 图 像 图 8-3 设置 各 参数 


”命令 是 功能 强大 的 图 像 校正 命令 ， 该 命令 可 以 在 图 像 的 整个 色调 范围 内 调 
Py 还 可 以 对 图 像 中 的 个 别 颜 色 通道 进行 精确 的 调整 。 在 Photoshop 中 ， 用 户 
使 用 “曲线 ”命令 可 以 只 针对 一 种 色彩 通道 的 色调 进行 处 理 , 而 且 不 影响 其 他 区 域 的 色调 。 


殴 到 03| 单 击 “ 确 定 ” 按 钮 ， 即 可 运用 “曲线 ”调整 图 像 亮 度 ， 效 果 如 图 8-4 所 示 。 
葬 阿 04| 按 Cult+B 组 合 键 , 弹出 “色彩 平衡 ” 对 话 框 , 设置 < 色 阶 ” 各 参数 值 分 别 为 (20、 
+16、-12)， 如 图 8-5 所 示 。 


阴影 (5) Q 中 间 调 (D) 高 光 (H) 
保持 明度 (V) 


图 8-4 ”调整 图 像 亮 度 图 8-5 设置 “色彩 平衡 ”各 参数 


选择 “图 像 ”|“ 调 整 ”|“ 曲 线 ” 命 令 ， 也 可 以 快速 弹出 “曲线 ”对 话 框 。 另外， 车 
按 住 Alt 键 的 同时 ， 在 对 话 框 的 网 格 中 单 击 饼 标 ， 网 格 显示 将 转换 为 10X 10 的 网 格 显示 
比例 , 再 次 按 住 Alt 键 的 同时 单 击 鼠 标 左 键 , 即 可 恢复 至 默认 的 4x4 的 网 格 比例 显示 状态 。 


嫁 玉 05| 单 击 “确定 ”按钮 ， 即 可 运用 “色彩 平衡 ”调整 图 像 过 于 偏 深 的 颜色 ， 效 果 如 


ss = 
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图 8-6 所 示 。 
项 到 06] 选择 “图 像 "| “调整 "|* 自 然 饱 和 度 ” 命令 , 弹出 “自然 饱和 度 ” 对 话 框 , 设置 “ 自 
然 饱 和 度 ”为 60， 单 击 “ 确 定 ”按钮 ， 提 高 图 像 色彩 的 饱和 度 ， 效 果 如 图 8-7 所 示 。 


图 8-6 图 像 效果 8-7 ”提高 图 像 饱 和 度 


专家 指点 


“自然 饱和 度 ” 命 令 可 以 调整 整 幅 图 像 或 单个 颜色 的 饱和 度 和 亮度 值 。 


8.1.2_ 制 作 广告 封面 主体 效果 局 


下 面 详细 介绍 制作 百度 新 闻 图 文 推送 广告 封面 主体 效果 的 方法 。 
辆 习 01| 按 CultO 组 合 键 ， 打开“ 手机 jpg” 素 材 图 像 ， 如 图 8-8 所 示 。 
罗列 02] 按 Cul+J 组 合 键 , 复制 “背景 "图 层 , 得 到 “图 层 1” 图 层 , 并 隐藏 “背景 ”图 层 ， 


如 图 8-9 所 示 。 
图 层 。 历 吴 记录 。 动作 党 
Se pai vmoruns® 
下 党 ~| 7 通明 度 ; 100% ~ 
ce 克 QG 馈 避 合 
图 8-8 打开 素材 图 像 图 8-9 复制 图 层 


a 
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选取 工具 箱 中 的 磁性 套 索 工具 , 沿 着 手机 边缘 拖 虹 将 手机 选中 , 如 图 8-10 所 示 。 
按 CtltJ 组 合 键 , 复制 选区 中 的 图 像 , 得 到 “图 层 2” 图 层 , 再 将 其 他 图 层 隐藏 ， 
如 图 8-11 所 示 。 


图 层 ” 历 史记 录 动作 


Pa v 国 @TUO 
正常 ~| 请 明 度 : 100% |~ 
饮 E: 加 2 中 二 人 e:|100% |~ 
o [可 证 二 复制 | 
[Lu me: 
[| 前 @ 


吕 9 记 口 8 口 日 位 


图 8-10 选中 背景 图 像 图 8-11 隐藏 图 层 


在 移动 选区 的 过 程 中 ， 按 住 Shift 键 的 同时 ， 可 沿 水 平 、 垂 直 或 45” 角 方向 进行 移动 ， 
若 使 用 键盘 上 的 4 个 方向 键 来 移动 选区 ， 按 一 次 键 移动 一 个 像素 ， 若 按 Shift+ 方向 键 组 
合 键 ， 按 一 次 键 可 以 移动 10 个 像素 的 位 置 ， 若 按 住 Ctrl 键 的 同时 并 抑 彼 选区 ， 则 可 移动 
选区 内 的 图 像 。“ 取 消 选择 ”命令 相对 应 的 快捷 键 为 CtrlHD 组 合 键 。 


辆 强 05| 隐藏 “图 层 1” 图 层 , 选取 工具 箱 中 的 矩形 选 框 工具 ， 在 手机 内 创建 一 个 选区 ， 
按 Delete 键 删除 选区 内 图 像 ， 效 果 如 图 8-12 所 示 。 

辆 到 06| 按 CtltD 组 合 键 ， 取消 选区 ， 运 用 移动 工具 将 素材 图 像 拖 中 至 背景 图 像 编 辑 
窗口 中 ， 适 当 调整 图 像 的 大 小 和 位 置 ， 效 果 如 图 8-13 所 示 。 

苇 玉 07] 选取 工具 箱 中 的 魔 棒 工 具 ， 选 中 部 分 图 像 ， 如 图 8-14 所 示 。 

区 国 08| 在 “图 慨 ” 面 板 中 选中 “背景 ”图 层 ， 在 选区 内 单 击 鼠 标 右键 ， 在 弹出 的 快捷 
菜单 中 选择 “通过 拷贝 的 图 层 ” 选 项 ， 如 图 8-15 所 示 。 

执行 上 述 操作 ， 即 可 复制 选区 内 的 图 像 ， 得 到 “图 层 2” 图 层 ， 如 图 8-16 所 示 。 

选中 “背景 ”图 层 , 选择 “ 滤 镜 ”|“ 模 糊 ”|“ 方 框 模糊 ”命令 , 弹出 “ 方 框 模糊 ” 


一 


新 媒体 美工 一 = 一 = 一 六 > 


对 话 框 ， 设 置 “ 半 径 ” 为 8 像素 ， 单 击 “确定 ”按钮 ， 效 果 如 图 8-17 所 示 。 


图 8-12 删除 图 像 图 8-13 ” 拖 忠 图 像 


图 8-14 选中 部 分 图 像 图 8-15 选择 “通过 拷贝 的 图 层 ” 选 项 
CE 
图 时 历史 记录 。 动作 至 
Pai -| 四 orDBa 。 
正常 Y| 不 透明 度 :|100% ~ 
忽 : 加 J 小村 人 填充 : 100% ~ 
© EDIE!1 
= ES 二 | 
。 加 { 日 
得 到 


所 口 9. 白 日 闪 


到 


8-16 得 到 “图 层 2” 图 层 图 8-17 ”图 像 效 果 
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8.1.3 ”制作 广告 封面 文案 效果 ®) 


下 面 详细 介绍 制作 百度 新 闻 图 文 推送 广告 封面 文案 效果 的 方法 。 

区 到 01] 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “ 方 
正 细 圆 简体 ”、“ 字 体 大 小 ”为 9 点 、“ 行 距 ” 为 20 点 、“ 颜 色 ” 为 白色 (RGB 参数 值 均 为 
255)， 激 活 仿 粗 体 图 标 ， 在 图 像 编辑 窗口 中 输入 文字 ， 如 图 8-18 所 示 。 

鸭 到 02] 复制 刚刚 输入 的 文字 ， 移 至 合适 位 置 ， 如 图 8-19 所 示 。 


RR 


~ 
前 置 4000 万 像素 
成 就 大 片 既 视 感 


- 
前 置 4000 万 像素 
成 就 大 片 既 视 感 


前 置 4000 万 像素 
成 就 大 片 既 视 感 


全 复制 文本 


e 


图 8-18 输入 文字 图 8-19 复制 文字 


项 王 03| 在 “字符 ”面板 中 设置 
毁 到 04| 运用 横 排 文字 工具 修改 文本 内 容 ， 如 图 8-21 所 示 。 


“字体 大 小 ”为 8 点 ， 如 图 8-20 所 示 。 


i 
字符 ”入 车 库 调 豆 至 
方正 细 圆 简体 vl - ~ 
区 |s 点 < 设置 | 自动 v 
VAo 六 0 可 = 
E23 ~ 前 置 4000 万 像素 Pe 
1T loo% 工 |100% 成 就 大 片 既 视 感 = 
等 g 点 ee: - 修改 文本 


a 


国 7rizmTmzmRazIzs 
全 oa AaTlw 


美国 英语 vjaa| 漂 ~ 


图 8-20 ”设置 字体 大 小 8-21 修改 文本 内 容 
区 更 05] 选中 “MOGUOX10” 文字 , 在 “字符 ” 面板 中 设置 “字体 系列 ”为 “华文 细 黑 ”， 
按 CtrltEnter 组 合 键 确 认输 入 ， 如 图 8-22 所 示 。 
苞 国 06| 选择 工具 箱 中 的 横 排 文 字 工具 输入 相应 的 文字 , 然后 选中 “系列 ”文字 , 在 “ 字 
符 ” 面 板 中 设置 “字体 大 小 ”为 6.5 点 ,确认 输入 ,适当 调整 位 置 ， 效 果 如 图 8-23 所 示 。 


一 


ee 


新 媒体 美工 ~ 一 一 一 p> 
| 完全 操作 手册 


前 置 4000 万 像素 


二 全 
前 置 4000 万 像素 MOGUOX10 MOGUOX10 系 列 


成 就 大 片 奴 视 感 “| 、 枯 - 成 就 大 片 既 视 感 “| 、 


> be 


人 


图 8-22 设置 字体 系列 效果 图 8-23 ”调整 字体 大 小 效果 


辆 如 07| 选取 工具 箱 中 的 圆 角 矩 形 工具 ， 在 工具 属性 栏 中 设置 “填充 ”为 黄色 (RGB 参 
数值 分 别 为 255、204、0)、“ 描 边 ”为 无 、“ 半 径 ”为 10 像素 ， 在 图 像 编辑 窗口 中 绘制 一 
个 圆 角 矩形 ， 如 图 8-24 所 示 。 

苞 玉 08| 选中 “ 贺 角 矩形 1” 形 状 图 层 ， 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 选择 “ 混 
合 选项 ”选项 ， 弹 出 “图 层 样 式 ” 对 话 框 ， 选 中 “斜面 和 浮雕 ” 复 选 框 ， 设 置 “深度 ”为 
43%、“ 大 小 ”为 5 像素、“ 和 角度 ”为 90 度 ， 如 图 8-25 所 示 。 


前 置 4000 万 像素 


成 就 大 片 既 视 感 


到 


MOGUOX10 系 列 


M 


图 8-24 ”绘制 贺 角 矩形 图 8-25 设置 各 选项 


147 专家 指点 ) 


隐藏 图 层 样式 可 以 使 用 以 下 3 种 操作 方法 : 

@ 在 “图 层 ” 面 板 中 单 击 图 层 样 式 名 称 “ 切 换 所 有 图 层 效 果 可 见 性 ”图 标 ， 可 将 显 
示 的 图 层 样 式 进行 隐藏 。 

@ 在 任意 一 个 图 层 样式 名 称 上 单 击 筷 标 右键 ， 在 弹出 的 菜单 列表 中 选择 “隐藏 所 有 
效果 ”选项 即 可 隐藏 当前 图 层 样 式 效果 。 

@ 在 “图 层 ” 面 板 中 单 击 所 有 图 层 样式 上 方 “效果 ” 左 侧 的 眼睛 图 标 ， 即 可 隐藏 所 
有 图 层 样式 效果 。 


二 22 
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殴 王 09| 单 击 “ 确 定 ” 按 钮 ， 即 可 应 用 “斜面 和 浮雕 ”图 层 样式 ,效果 如 图 8-26 所 示 。 
毁 王 10| 按 Cel+O 组 合 键 , 打开 “标志 psd” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 拖 
忠 至 背景 图 像 编辑 窗口 中 ， 适 当 调 整 图 像 的 位 置 ， 效 果 如 图 8-27 所 示 。 


前 置 4000 万 像素 前 置 4000 万 像素 
成 就 大 片 既 视 感 


MOGUOXI0 系列 成 就 大 片 既 视 感 


EE > . 


图 8-26 应 用 “斜面 和 浮雕 ”图 层 样式 图 8-27 适当 调整 图 像 的 位 置 


_ 47 专家 指点 1) 


在 “斜面 和 浮雕 ”图 层 样 式 选 项 设置 中 ， 在 “光泽 等 高 线 ” 选 项 中 可 以 选择 一 个 等 
高 线 样式 ， 为 儿 面 和 浮雕 表面 添加 光泽 ， 创 建 具有 光泽 感 的 金属 外 观 浮雕 效果 。 


8.2 “ 双 十 一 ”促销 活动 页 面 设计 


每 年 的 “ 双 十 一 ”期 间 ， 各 个 电 商 企业 的 设计 师 们 可 是 钾 足 了 劲 儿 ， 各 种 海报 设计 可 谓 
琳琅 满目 、 应 接 不 暇 。 在 百度 新 闻 平 台 上 做 “ 双 十 一 ”促销 活动 ， 目 的 自然 是 传递 商品 信息 ， 
因此 往往 会 用 到 文字 , 运用 好 文字 就 可 制作 出 一 幅 成 功 的 活动 海报 。 本 实例 最 终 效果 如 图 8-28 
所 示 。 


8-28 ”实例 效果 


一 


新 媒体 美工 ~ 一 一 一 >>>>> 
”< 完全 操作 手册 


扫 一 扫 观 看 在 线 视频 : 
i 双 十 一 促销 活动 页 面 设计 
[Obs 


8.2.1 制作 “ 双 十 一 ”促销 活动 页 面 主体 效果 遂 
下 面 介 绍 制作 双 十 一 促销 活动 页 面 主体 效果 的 方法 。 
葬 嫌 01| 按 Cal+o 组 合 键 ， 打 开 一 幅 素材 图 像 ， 如 图 8-29 所 示 。 
恕 到 02] 选取 工具 箱 中 的 自 定形 状 工具 ， 在 工具 属性 栏 中 设置 “填充 ”为 橙色 (RGB 参 
数值 分 别 为 236、105、65)、“ 形 状 ” 为 “会 话 12”， 如 图 8-30 所 示 。 


一 四 吕 机 9 * 
加 只 泣 曲 人 类 : 太 
@@mv” 人 IO 
N 下 可 口 田 四 四 史 
和 二 @ 本 人 间 四 肯 目 一 
Eh Men 上 医 


攻 四 区 全 OO 
GO 和 要 中 到 CD)iT 
8-29 打开 素材 图 像 8-30 ”选择 相应 形状 


_ 47 专家 据点 2 


路 径 是 Photoshop CC 中 的 各 项 强大 功能 之 一 ， 它 是 基于 “ 贝 塞 尔 ” 曲 线 建立 的 矢量 
图 形 ， 所 有 使 用 矢量 绘图 软件 或 矢量 绘图 制作 的 线条 、 原 则 上 部 可 以 称 为 路 径 。 路 径 是 
通过 钢笔 工具 或 形状 工具 创建 出 的 直线 和 曲线 ， 因此， 无 论 路 径 缩小 或 放大 部 不 会 影响 
其 分 状 率 ， 并 保持 原样 。 

莉 末 03] 在 图 像 编辑 窗口 中 单 击 鼠标 左 键 , 即 可 弹出 “创建 自 定形 状 ” 对 话 框 , 设置 “ 宽 
度 ” 为 298 像素 、“ 高 度 ”为 119 像素 ， 如 图 8-31 所 示 。 

苞 国 04| 单 击 “ 确 定 ”按钮 ， 即 可 创建 自 定形 状 ， 效 果 如 图 8-32 所 示 。 


在 Photoshop 中 ， 使 用 自 定形 状 工具 [名 | 可 以 通过 设置 不 同 的 形状 来 绘制 形状 路 径 或 
图 形 ， 在 “ 自 定形 状 ” 拾 色 器 中 有 大 量 的 特殊 形状 可 供 选 择 。 
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| 宽度 : [298 像素 


图 8-31 “创建 自 定形 状 ” 对话 框 图 8-32 ”创建 自 定形 状 


毁 末 05] 在 菜单 栏 中 选择 “编辑 "|“ 变 换 " | “旋转 180 度 ” 命令 , 即 可 翻转 形状 , 如 图 8-33 


所 示 。 
攻 双 06| 选取 工具 箱 中 的 移动 工具 ， 将 形状 调整 至 合适 位 置 ， 如 图 8-34 所 示 。 


图 8-33 翻转 形状 图 8-34 调整 位 置 


Photoshop 中 的 形状 工具 包括 和 矩 形 工具 、 圆 角 矩 形 工具 、 椭 圆 工具 、 多 边 形 工具 、 直 
线 工具 和 自 定形 状 工具 6 种 。 在 使 用 这 些 工 具 绘制 路 径 时 ， 首 先 需 要 在 工具 属性 栏 中 选 
择 一 种 绘图 方式 。 例 如 ， 选 取 工 具 箱 中 的 矩形 工具 ， 在 工具 属性 栏 中 ， 单 击 “ 选 择 工具 
模式 ”按钮 ， 在 弹出 的 列表 框 中 选择 “形状 ”选项 ， 在 图 像 编 辑 窗口 的 适当 位 置 处 ， 单 
击 鼠 标 左 键 并 拖 擅 ， 即 可 创建 矩形 形状 路 径 。 


8.2.2 制作“ 双 十 一 ”促销 活动 页 面 文 字 效 果 避 


下 面 介 绍 制作 “ 双 十 一 ”促销 活动 页 面 文字 效果 的 方法 。 


殴 王 01| 展开 “字符 ”面板 , 设置 “字体 系列 ”为 “黑体 ”、“ 字 体 大 小 ”为 36 点 、“ 设 
置 行距 ”为 36 点 、“ 颜 色 ” 为 白色 ， 激 活 仿 粗 体 图 标 ， 如 图 8-35 所 示 。 
和 一 


ee 


新 媒体 美工 入 一 = 一 = 一 b> 


选取 工具 箱 中 的 横 排 文 字 工具 ， 在 工具 属性 栏 中 设置 “设置 消除 锯齿 的 方法 ” 
为 “浑厚 ”， 并 输入 文字 ， 效果 如 图 8-36 所 示 。 


| 
1 

| 

| 

| 

| 

* 0% hd | 
了 100% 下 loo% 1 
| 

1 

1 

1 

| 


证 0 点 部 色 : 
| 国 zzmTzazI= 
fioR Amlrlw 
证 设置 所 
图 8-35 设置 “字符 ”属性 图 8-36 输入 文字 


虎斑 03] 按 Ctrl+O 组 合 键 ， 打 开 “ 文 字 1psd” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 拖 
鼻 至 背景 图 像 编辑 窗口 中 的 合适 位 置 ， 效 果 如 图 8-37 所 示 。 

恕 到 04] 按 Cel+O 组 合 键 ， 打 开 “ 文 字 2psd” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 拖 
忠 至 背景 图 像 编辑 窗口 中 的 合适 位 置 ， 效 果 如 图 8-38 所 示 。 


图 8-37 ”添加 文字 素材 图 8-38 添加 文字 素材 


如 到 05| 按 cta+O 组 合 键 ， 打 开 “ 装 饰 条 psd” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 拖 
电 至 背景 图 像 编 辑 窗口 中 的 合适 位 置 ， 效 果 如 图 8-39 所 示 。 

铺 到 06| 按 Ctd+O 组 合 键 ， 打 开 “ 礼 物 jpg” 素 材 图 像 ， 效 果 如 图 8-40 所 示 。 

国 到 07] 选取 工具 箱 中 的 魔 棒 工具 ， 选 中 图 片 白色 区 域 ， 如 图 8-41 所 示 。 

葬 如 08| 按 CtltShift+I 组 合 键 , 反 向 选择 , 然后 复制 “背景 ”图 层 , 得 到 “图 层 1” 图 层 ， 
如 图 8-42 所 示 。 
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8-39 ”添加 装饰 条 素材 


8-41 选择 魔 棒 工 具 8-42 


步骤 [四 


8-40 ”打开 礼物 素材 图 像 


开导。 历史 记录 。 动作 = 
Pa vB@TOA® 
正常 ~ 不 透明 度 : 100% | > 


铀 让 :图 wm 中 二 人 填充 : 100% ~ 


所 口 8. 白 日 全 


得 到 “图 层 1” 图 层 


双击 “图 层 1” 图 层 ， 弹 出 “图 层 样式 ”对 话 框 ， 选 中 “外 发 光 ” 复 选 框 ， 颜 


色 RGB 值 分 别 为 255、249、211， 各 选项 设置 如 图 8-43 所 示 。 


医 弄 10| 


单 击 “确定 ”按钮 ， 运 用 移动 工具 将 素材 图 像 拖 电 至 背景 图 像 编 辑 窗口 中 的 合 


适 位 置 ， 适 当 调整 图 像 的 大 小 ， 效 果 如 图 8-44 所 示 。 


步骤 上 
步骤 区 
度 ” 为 0%、 


在 “图 层 ” 面板 中 单 击 “创建 新 图 层 " 按钮 , 得 到 “图 层 5” 图 层 , 如 图 8-45 所 示 。 
选择 工具 箱 中 的 画笔 工具 ， 在 工具 属性 栏 中 设置 “画笔 大 小 ”为 70 像素 、“ 硬 
“不 透明 度 ” 为 419%， 在 礼物 的 下 方 涂抹 添加 黑色 的 阴影 ， 效 果 如 图 8-46 所 示 。 


TC—— 


新 媒体 美工 入 一 = 一 = 一 p> 人 
ss 完全 操作 手册 


图 8-43 设置 各 项 参数 图 8-44 调整 图 像 


© EB 责 : 


8-45 ”创建 新 图 层 8-46 ”制作 阴影 效果 
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知识 导读 


新 浪 微 博 是 一 个 由 新 浪 网 推出 的 社交 服务 平台， 为 用 户 提供 微型 博客 类 服 
务 ， 由 于 发 布 字数 限制 在 140 字 以 内 ， 又 被 称 为 “一 句 话 博 客 ”。 新 浪 微 博 是 
个 大 舞台 ,每 个 人 都 可 以 在 上 面 发 布 自己 的 精彩 内 容 。 


本 章 重 点 导航 


@ 微 博 主 图 广告 设计 
@ 微 博 推 送 广告 设计 


4Gn 咱 38Kls 中 国 瑟 16:32 可 HD 今 51% 人 天 Gull 46ull 0.5K/s®@ 16;22 反攻 过 19%( 
《 EMO Q … 添加 好 友 我 设置 
钙 博 四 | 自 
EMO 我 的 相册 我 的 故事 我 的 赞 粉丝 服务 
数 博 钱包 微 博 运动 粉丝 头条 客服 中 


i & 六 咱 套 装 es 
全 四 关 委 攻略 基 


图 | 党 


这 里 有 与 你 兴趣 相投 的 朋友 ， 来 看 看 吧 


新 媒体 美工 KR ms en em p> 
9.1 微 博 主 图 广告 设计 
在 制作 微 博 主 图 时 ， 应 先 为 背景 填充 纯色 ， 再 单独 设计 产品 ， 加 强 产品 图 片 的 吸引 力 ， 


最 后 设计 文案 效果 ， 通 过 层次 分 明 的 文字 突出 产品 的 价格 和 特色 。 
本 实例 最 终 效 果 如 图 9-1 所 示 。 


a6ull 38Ks 申 四国 O16:32 VHD 人 S51%Cm 
二 LEMO Qe 
主页 微 博 视频 相册 
| # LEMO# ee 
| SD mm . 
| 
一 LEMO 
LEMO 1 冰川 套装 
冰川 套装 i 
LEMO 珠 稳 朗 玛 补 水 系列 
让 每 一 寸 肌肤 
补水 充足 | 
LEMO 珠 各 朗 马 补水 系列 ¥148.00 起 
| 
¥148.00 起 
日 2 四 996 
十 关注 联系 企业 他 的 热门 


图 9-1 实例 效果 


扫 一 扫 观 看 在 线 视频 : 
激情 主 图 广告 设计 


9.1.1_ 制作 微 博 主 图 主体 效果 D 


下 面 介绍 制作 微 博 主 图 主体 效果 的 方法 。 

葬 如 01] 选择 “文件 ” |“ 新 建 ”命令 ,弹出 “新 建文 档 ” 对 话 框 , 设置 “名 称 ” 为 “ 微 
博 主 图 设计 ”、“ 宽 度 ” 为 500 像素 、“ 高 度 ” 为 500 像素 、“ 分 辩 率 ”为 300 像素 /英寸 、 
“颜色 模式 ”为 “RGB 颜色 ”、“ 背 景 内 容 ” 为 “白色 ”， 如 图 9-2 所 示 ， 单 击 “ 创 建 ” 按 钮 ， 
新 建 一 个 空白 图 像 。 

展开 “图 层 ”面板 ， 新 建 “图 层 1” 图 层 ， 设 置 前 景色 为 浅 灰 色 (RGB 参数 值 
均 为 238)， 为 “图 层 1” 图 层 填充 前 景色 ， 如 图 9-3 所 示 。 


一 下 -130 


Eee 


《< 主 图 广告 与 推送 广告 设计 | 


填充 > 


RR 0 


图 9-2 新 建 空白 图 像 图 9-3 填充 前 景色 


嫁 到 03| 按 CultO 组 合 键 ， 打 开 “ 化 妆 品 .psd” 素 材 图 像 ， 如 图 9-4 所 示 。 
区 到 04| 按 Cult+M 组合 键 , 弹出 “曲线 ”对 话 框 , 设置 曲线 值 “ 输 出 ”为 146、“ 输 入 ” 
为 124， 如 图 9-5 所 示 。 


显示 数量 : 
© 光 (0255)U 


厌 料 / 油 星 %o(G) 


祯 设 (RJ: 自 定 -~ eo. 


网 格 大 小 : 
国 四 自动 的 


a 选 硕 TD… 


通道 得 加 (V) 预览 (p) 
加 直方 图 (H) 

回 基线 (5) 

交 允 线 (N) 


图 9-4 ”打开 素材 图 像 图 9-5 调整 素材 的 亮度 


芝 到 05] 单 击 “ 确 定 ”按钮 ， 调 整 图 像 的 亮度 ， 效 果 如 图 9-6 所 示 。 

毁 到 06] 选择 “图 像 "|“ 调 整 "|“ 自 然 饱和 度 ” 命令 , 弹出 “自然 饱和 度 ” 对 话 框 , 设置 “ 自 
然 饱 和 度 ” 为 50、“ 饱 和 度 ” 为 11， 单 击 “确定 ”按钮 ， 效 果 如 图 9-7 所 示 。 

恩 王 07| 选择 “图 像 ”|“ 调 整 ”|“ 亮 度 / 对比度” 命令 ,弹出 “亮度 / 对比度” 对 话 框 ， 
设置 “亮度 ”为 6、“ 对 比 度 ”为 -10， 如 图 9-8 所 示 。 

单 击 “ 确 定 ” 按 钮 ， 调 整 图 像 的 亮度 和 对 比 度 ， 效 果 如 图 9-9 所 示 。 


和 一 
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全 = == 一 ss 
i | 
半 
= 
图 9-6 调整 亮度 的 效果 图 9-7 调整 自然 饱和 度 效果 


口 使 用 旧版 (D 


预览 (P) 


图 9-8 设置 “亮度 /对 比 度 ”参数 图 9-9 图 像 效 果 


137 专家 指点 ) 


“亮度 / 对比度” 命令 是 调整 像素 的 瞳 度 与 明亮 度 ， 亮 度 就 是 画面 中 的 灯光 ， 亮 度 越 
低 画 面 越 瞳 ， 反 之 则 越 亮 对 比 度 表示 画面 的 明暗 关系 ， 对 比 度 越 高 画面 中 的 明暗 关系 


选择 “ 滤 镜 ”| “ 演 染 ”| “镜头 光量 ”命令 ,弹出 “镜头 光 时 ”对话 框 ， 设置 “ 亮 
度 ” 为 61%、“ 镜 头 类 型 ”为 “50 ~ 300 毫米 变焦 ”， 如 图 9-10 所 示 。 
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《<<<< 主 图 广告 与 推送 广告 设计 


适当 调整 光 尝 位 置 ， 单 击 “ 确 定 ”按钮 ， 即 可 为 图 像 添加 “镜头 光 晕 ” 滤 镜 效 
果 ， 如 图 9-11 所 示 。 


图 9-10 设置 “镜头 光 晕 ”参数 图 9-11 添加 滤 镜 效果 


专家 指点 )) 


微 博 平台 相对 于 其 他 新 媒体 平台 来 说 ， 可 设计 的 空间 较 少 ， 所 以 更 应 该 好 好 利用 仅 
有 的 几 个 小 空间 ， 最 大 程度 地 展示 产品 的 优势 与 特点 ， 让 用 户 可 以 更 快 更 好 地 了 解 微 博 
账号 的 主要 内 容 和 主 营 业务 。 


辆 弹 11| 在 “图 层 ” 面 板 中 ,选择 “图 层 2” 图 层 中 的 图 像 ， 如 图 9-12 所 示 。 
恕 到 12] 运用 移动 工具 将 其 拖 电 至 背景 图 像 编辑 窗口 中 ， 适 当 调 整 图 像 的 大 小 和 位 置 ， 
效果 如 图 9-13 所 示 。 


拖 电 
PE 

恒 时 历史 记录 。 动作 = y 
Pa “加 OOTDB e 
正常 v| 不 通明 度 : 100% | ~ 
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图 9-12 选择 “图 层 2” 图 层 图 9-13 ”调整 后 的 图 像 
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专家 指点 ) 


滤 镜 主要 是 实现 一 种 图 像 特殊 处 理 的 工具 ， 它 在 Photoshop 中 具有 非常 神奇 的 作用 。 
滤 镜 虽然 看 起 来 操作 简单 ， 但 是 要 与 图 层 等 东西 结合 使 用 ， 才 能 得 到 很 好 的 艺术 效果 ， 
在 最 适当 的 时 候 将 滤 镜 运用 到 最 合适 的 地 方才 能 体现 滤 镜 的 神奇 之 处 ， 滤 镜 可 分 为 很 多 
种 ， 如 杂 色 滤 镜 、 风 格 化 滤 镜 、 液 化 滤 镜 、 模 糊 滤 镜 等 。 我 们 还 可 以 在 网 络 上 下 载 其 他 
滤 镜 插件 ， 结 合 Photoshop 一 起 使 用 。 


9.1.2_ 制 作 微 博 主 图 文字 效果 电 


下 面 介绍 制作 微 博 主 图 文字 效果 的 方法 。 
苞 到 01| 选取 工具 箱 中 的 横 排 文 字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “方正 
细 黑 一 简体 ”、“ 字 体 大 小 ”为 8 点 、“ 设 置 所 选 字 符 的 字 距 调整 ”为 100、“ 行 距 ” 为 10 点 、 
“颜色 ”为 灰色 (RGB 参数 值 分 别 为 68、69、71)， 激 活 仿 粗 体 图 标 ， 如 图 9-14 所 示 。 
葬 台 02| 在 图 像 编辑 窗口 中 输入 相应 文字 ， 如 图 9-15 所 示 。 
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图 9-14 设置 字符 属性 图 9-15 输入 文字 


文字 是 多 数 设计 作品 尤其 是 商业 作品 中 不 可 或 缺 的 重要 元 素 ， 有 时 甚至 在 作品 中 起 
着 主导 作用 ，Photoshop 除了 提供 丰富 的 文字 属性 设计 及 版 式 编排 功能 外 ， 还 允许 对 文字 
的 形状 进行 编辑 ， 以 便 制 作出 更 多 、 更 丰富 的 文字 效果 。 


最 啼 03| 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “微软 
雅 黑 ”、“ 字 体 大 小 ”为 9 点 、“ 设 置 所 选 字符 的 字 距 调整 ”为 100、“ 颜 色 ” 为 栖 色 RGB 
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参数 值 分 别 为 255、120、53)， 在 图 像 编辑 窗口 中 输入 文字 ， 如 图 9-16 所 示 。 
辆 吕 04| 选中 “¥" 符号 , 在 “字符 ”面板 中 激活 上 标 图 标 ， 如 图 9-17 所 示 。 


3 8 库 放 蛙 至 

全 LEMO E25 -seo | 
有 冰川 套装 | 

， wan AE -| 
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图 9-16 输入 文字 图 9-17 激活 上 标 图 标 


编辑 文字 是 指 对 已 经 创建 的 文字 进行 编辑 操作 ， 如 选择 文字 、 移 动 文字 、 更 改 文字 
排列 方向 、 切 换 点 文字 和 段落 文本 、 拼 写 检查 文字 以 及 替换 文字 等 ， 用 户 可 以 根据 实际 
情况 对 文字 对 象 进行 相应 操作 。 


辆 双 05| 选中 “起 ”文字 , 设置 “字体 大 小 ”为 5 点 ， 效 果 如 图 9-18 所 示 。 

攻 匀 06| 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “方正 
兰亭 超 细 黑 简体 ”、“ 字 体 大 小 ”为 4 点 、“ 设 置 所 选 字符 的 字 距 调整 ”为 50、“ 颜 色 ” 
为 黑色 (RGB 参数 值 均 为 0), 激活 仿 粗 体 图 标 ,在 图 像 编辑 窗口 中 输入 文字 ， 如 图 9-19 所 示 。 


条 LEMO 全 本 LEMO 

& 冰川 套装 & 冰川 套装 

| ¥148.00a ¥] 48.00g8 

让 每 一 寸 肌肤 

补水 充足 

[> ee 人 

输入 
图 9-18 调整 字体 大 小 效果 图 9-19 输入 文字 
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9.2” 微 博 推 送 广告 设计 


在 制作 微 博 广 告 时 ， 先 打开 并 拖 忠 素材 图 像 ， 调 整 图 像 的 亮度 ， 输 入 相应 的 商品 信息 ， 


最 后 再 将 图 像 拖 蝶 至 微 博 界面 中 ， 即 可 完成 设计 。 
本 实例 最 终 效 果 如 图 9-20 所 示 。 
a 和 
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加 A" © © 
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图 9-20 ”实例 效果 


扫 一 扫 观 看 在 线 视频 : 
油 博 推送 广告 设计 


9.2.1 制作 微 博 推 送 广 告 背 景 效果 o| 


下 面 介绍 制作 微 博 推送 广告 背景 效果 的 方法 。 

苞 玉 01] 选择 “文件 ”| “新 建 ”命令 ， 弹出“ 新建 文档” 对 话 框 , 设置 “名 称 ” 为 “ 微 
博 广 告 设计 ”、“ 宽 度 ”为 1028 像素 、“ 高 度 ” 为 451 像素 、“ 分 辩 率 ” 为 72 像素 /英寸 、“ 颜 
色 模式 ”为 “RGB 颜色 ”、“ 背 景 内 容 ” 为 “白色 ”。 单 击 “ 创 建 ” 按 钮 ， 如 图 9-21 所 示 ， 
新 建 一 个 空白 图 像 。 

辆 避 03| 按 Cal+:O 组 合 键 ， 打 开 “ 美 食 背 景 jpg” 素 材 图 像 ， 运 用 移动 工具 将 素材 
像 拖 电 至 背景 图 像 编 辑 窗口 中 ， 适 当 调整 图 像 的 位 置 ， 效 果 如 图 9-22 所 示 。 
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图 9-21 新 建 空白 图 像 图 9-22 拖 忠 图 像 


殴 王 03] 选择 “图 像 ”|“ 调 整 ”|“ 曲 线 ”命令 ,弹出 “曲线 ”对 话 框 ， 在 曲线 上 单 击 
鼠标 左 键 新 建 一 个 控制 点 ， 设 置 曲线 值 “ 输 入 ”为 40、“ 输 出 ”为 和 5， 如 图 9-23 所 示 。 
加 到 04| 单 击 “确定 ”按钮 ， 调 整 图 像 的 亮度 ， 效 果 如 图 9-24 所 示 。 
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图 9-23 设置 图 像 属 性 图 9-24 调整 亮度 


9.2.2 ”制作 微 博 推送 广告 文字 效果 0) 

下 面 介 绍 制作 微 博 推送 广告 文字 效果 的 方法 。 

区 到 01| 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “方正 
粗 倩 简体 ”、“ 字 体 大 小 ”为 91.5 点 、“ 设 置 所 选 字符 的 字 距 调整 ”为 100、“ 颜 色 ” 为 黑色 ， 
激活 仿 粗 体 图 标 ， 如 图 9-25 所 示 。 

殴 玉 02| 在 图 像 编辑 窗口 中 输入 文字 ， 如 图 9-26 所 示 。 
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图 9-25 ”设置 字符 面板 图 9-26 输入 文字 


3P 专家 指点 1) 


在 Photoshop 中 ， 点 文本 和 段落 文本 可 以 相互 转换 ， 转 换 时 选择 “类 型 ”|“ 转 换 为 
段落 文本 ”或 选择 “类 型 ”|“ 转 换 为 点 文本 ”命令 即 可 。 用 户 可 以 输入 多 个 段落 ,文字 
基于 文本 框 的 尺寸 将 自动 换行 ， 也 可 以 进行 段落 调整 ， 文 本 框 的 大 小 可 以 任意 调整 ， 以 
便 重 新 排列 文字 。 


辆 如 03| 选取 工具 箱 中 的 矩形 选 框 工具 ， 在 图 像 编辑 窗 口中 的 适当 位 置 绘制 一 个 矩形 选 
框 ， 如 图 9-27 所 示 。 


国 于 04| 单 击 工具 箱底 部 的 前 景色 色 块 ， 弹 出 “ 拾 色 器 (前 景色 )” 对 话 框 ， 设 置 前 景 
色 为 红色 (RGB 参数 值 分 别 为 242、97、68)， 单 击 “ 确 定 ”按钮 ， 如 图 9-28 所 示 。 


只 有 Web 颜色 


图 9-27 绘制 矩形 选 框 图 9-28 设置 前 景色 


芍 到 05] 新 建 图 民 ， 选 择 “ 编 辑 ”| “填充 ”命令 ， 弹 出 “填充 ”对 话 框 ， 设 置 “内 容 ” 


新 浪 微 博 . | 用 
E44 主 图 广告 与 推送 广告 设计 民 


为 “前 景色 ”， 如 图 9-29 所 示 。 


项 缠 06| 单 击 “ 确 定 ” 按 钮 ， 即 可 为 选区 填充 红色 ， 按 CtrltD 组 合 键 取消 选区 ， 效 果 
如 图 9-30 所 示 。 


内 容 : | 前 景色 
温 合 


设置 


不 透明 度 (0):[@ |] % 


保留 透明 区 域 (p) 


图 9-29 设置 “内 容 ” 选 项 图 9-30 ”取消 选区 


如 王 07] 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “方正 
小 宋体 ”、“ 字 体 大 小 ”为 38 点 、“ 设 置 所 选 字符 的 字 距 调整 ”为 100、“ 颜 色 ” 为 白色 (RGB 
参数 值 均 为 235)， 激 活 仿 粗 体 图 标 ， 在 图 像 编辑 窗口 中 输入 文字 ， 如 图 9-31 所 示 。 

毁 王 08] 在 “字符 ” 面板 中 设置 “字体 系列 ” 为 “Adobe 黑体 Std”、“ 字 体 大 小 ” 为 25 点 、 

“设置 所 选 字符 的 字 距 调整 ”为 -25、“ 颜 色 ” 为 红色 (RGB 参数 值 分 别 为 124、25、25)， 
激活 仿 粗 体 与 下 划 线 图 标 ， 如 图 9-32 所 示 。 


图 9-31 输入 文字 图 9-32 设置 各 选项 


贺 玉 09| 在 图 像 编辑 窗口 中 输入 文字 ， 适 当 调 整 其 位 置 ， 如 图 9-33 所 示 。 
辆 吕 10| 在 “字符 ”面板 中 设置 “字体 系列 ”为 “Adobe 黑体 Std”、“ 字 体 大 小 " 为 41 点 、 
“颜色 ”为 白色 (RGB 参数 值 均 为 255)， 在 图 像 编 辑 窗口 中 输入 文字 ， 适 当 调 整 其 位 置 ， 效 
果 如 图 9-34 所 示 。 


本 = 


| 
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图 9-33 输入 文字 图 9-34 输入 文字 


上 葬 赚 1 选中 除 “ 背 景 ”图 层 外 的 所 有 图 层 ， 按 Ctrl+G 组 合 键 ， 为 图 层 编组 ， 得 到 “组 
1” 图 层 组 ， 如 图 9-35 所 示 。 

辆 如 全 按 Culto 组 合 键 , 打开 “ 微 博 背景 jpg” 素材 图 像 ， 切 换 至 背景 图 像 编辑 窗口 ， 
运用 移动 工具 将 图 层 组 的 图 像 拖 电 至 “ 微 博 背景 ”图 像 编辑 窗口 中 ， 适 当 调整 图 像 的 位 置 ， 
效果 如 图 9-36 所 示 。 


[omemomse 1622 ET ETI] 
添加 好 友 我 设置 


四 含 由 自 


和 的 相册 。。 各 的 故 于 我 的 杠 内 丝 服务 


图 层 ”通道 ”路径 


PE ~ 和 ea 


ED v| 不 透明 度 : 100% | ~ 
铅 E: 图 w 中 本 @ 填充 : 100% ~ 
© 司 组 1 所 一 


ria 来 看 者 吧 
| A E+ | Q 坚 
图 9-35 得 到 “组 1” 图 层 组 图 9-36 拖 虫 图 像 


一 0 | 


知识 导读 


除了 资讯 平台 外 , 还 有 其 他 内 容 平 台 , 如 问答 平台 知 乎 , 以 及 提供 关于 书籍 、 
电影 、 音 乐 等 作品 信息 的 社区 网 站 豆 辩 等。 本 章 主 要 介绍 这 些 新 媒体 平台 的 头 
像 设计 、 主 图 设计 和 广告 设计 技巧 。 


本 章 重 点 导航 


@ 知 乎 账号 头像 设计 
@ 豆 办 书店 广告 设计 


新 科幻 作品 系列 
大 蛋 帆 布 包 来 啦 


靶 伟 地 产 新 书 局 


买房 ， 置 业 ， 江 浙 沪 买房 
| J 


上 海 ”房地产 


咖 3 赞同 . 0 感谢 . 33 收藏 


| kw 
#5 ETED 
的 


靶 镭 地 产 有 限 公司 
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10.1” 知 乎 账号 头像 设计 


问答 平台 是 网 络 营销 中 经 常 使 用 的 一 种 平台 类 型 ， 最 具 代 表 性 的 有 百度 知道 和 腾讯 
SOSO， 而 知 乎 作为 问答 平台 中 最 有 知识 社交 性 的 平台 ， 建 议和 运营 者 把 知 乎 加 入 到 新 媒体 运 
营 中 。 本 实例 设计 的 是 知 平平 台 上 的 自 媒体 账号 头像 。 

在 制作 知 乎 LOGO 时 ， 先 运用 渐变 工具 绘制 出 背景 和 标志 主体 ， 运 用 画笔 工具 添加 适当 
光 点 ， 再 添加 环形 素材 与 文字 ， 最 后 放 入 界面 中 ， 即 可 完成 制作 。 

本 实例 最 终 效果 如 图 10-1 所 示 。 


靶 舍 地 产 
买房 ， 置 业 ， 江 浙 沪 买房 


8 上 海 ”房地产 羊角 资料 


曙 3 赞同 0 感谢 .33 收藏 
65 关注 他 的 人 0 他 关注 的 人 


动态 回答 2 ”文章 5 ”专栏 0 想法 0 


本 房产 知识 库 
芙 欠 地产 有 限 公司 
图 10-1 实例 效果 
扫 一 扫 观 看 在 线 视频 : 
知 乎 头像 设计 


Tr 


LOGO 在 企业 中 扮演 着 一 个 很 重要 的 角色 ， 它 可 以 代表 一 个 企业 的 形象 ， LOGO 的 
设计 很 重要 。 
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媒体 平台 : 圈 
《XKKK 账号 头像 与 页 面 广告 设计 苹 
专家 指点 )》 


要 与 企业 处 处 相关 联 ， 可 以 设计 成 拍 象 性 、 具 象 性 以 及 非 图 案 字体 性 三 种 。LOGO 
一 般 是 运用 绘图 的 方式 ， 通 过 色彩 搭配 、 文 字 搭 配 来 带 给 人 视觉 上 的 美感 。 


10.1.1 ”制作 知 乎 头像 背景 效果 四 


下 面 介绍 制作 知 乎 账号 头像 背景 效果 的 方法 。 

奴 到 01] 选择 “文件 ” |“ 新建” 命令 ， 弹 出 “新 建文 档 ” 对 话 框 ， 设 置 “ 名 称 ”为 “ 知 
平头 像 设计 ”、“ 宽 度 ” 为 1000 像素 、“ 高 度 ” 为 750 像素 、“ 分 辨 率 ” 为 300 像素 /英寸 、 
“颜色 模式 ”为 “RGB 颜色 ”、“ 背 景 内 容 ” 为 “白色 ”(RGB 参数 值 均 为 255)。 单 击 “ 创 建 ” 
按钮 ， 如 图 10-2 所 示 ， 新 建 一 个 空白 图 像 。 

虑 到 02] 展开 “图 层 ” 面 板 ， 新 建 “ 图 层 1” 图 层 ， 如 图 10-3 所 示 。 


人 
图 层 ”通道 路径 画 
Pm vv 四 OoTHBD 8 
正常 v| 有 秋明 度 : 100% | ~ 
谈 E: 图 w 中 失 自 填充 :10% ~ 


ce 大 QG@ 锯 避 他 


图 10-2 ”新建 空白 图 像 图 10-3 ”新建 “图 层 1” 图 层 


姑 到 03] 选取 工具 箱 中 的 渐变 工具 ， 设 置 左右 色 标的 颜色 为 位 置 92% 紫色 (RGB 参数 
值 分 别 为 104、71、137)， 左 边 色 标的 颜色 为 位 置 8% 浅 蓝 色 (RGB 参数 值 分 别 为 120、188、 
241)， 如 图 10-4 所 示 。 

上 国 国 04| 在 渐变 工具 的 工具 属性 栏 中 单 击 “ 径 向 渐变 ”按钮 ， 移 动 鼠 标 光 标 至 画布 中 心 
的 位 置 ， 单 击 鼠 标 左 键 并 向 左下 方 拖 氟 ， 至 合适 位 置 后 释放 鼠标 ， 即 可 填充 渐变 色 ， 效 果 如 
10-5 所 示 。 


和 M82 ——— 
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| 完全 操作 手册 ) 


| rms 


Ce) 
7 CE 


名 称 N): 自 定 | 新 建 [W) ) 


三 新 统 类 型 :| 实 所 ~ 
平 温度 (M): 100 |~| % 


人 GO: 四 ] 


图 10-4 设置 色 标 颜色 10-5 填充 渐变 色 


10.1.2 ”制作 知 乎 头像 主体 效果 VD 


下 面 介 绍 制作 知 乎 头像 主体 效果 的 方法 。 

区 到 01] 选取 椭圆 选 杠 工具， 按 住 Shift+Alt 组 合 键 的 同时 ， 在 图 像 编辑 窗口 中 绘制 一 
个 正 圆 形 选区 ， 效 果 如 图 10-6 所 示 。 

辆 如 02| 新 建 “ 图 层 2” 图 层 ， 选 取 工具 箱 中 的 渐变 工具 为 图 层 填充 白色 (RGB 参数 值 
均 为 255) 至 黄色 (RGB 参数 值 分别 为 255、240、 0) 的 径 向 渐变 色 , 再 按 CtrltD 组 合 键 取 消 选区 ， 


效果 如 图 10-7 所 示 。 


图 10-6 绘制 圆 形 选区 图 10-7 取消 选区 


各 


媒体 平台 : 
SLS 账号 头像 与 页 面 广告 设计 


区 到 03| 展开 “图 层 ” 面 板 ， 选择 “图 层 2” 图 层 ， 单 击 鼠 标 左 键 并 将 其 拖 忠 至 “图 层 ” 
面板 下 方 的 “创建 新 图 层 ” 按 钮 上 ， 如 图 10-8 所 示 ， 松 开 鼠 标 左 键 ， 即 可 得 到 “图 层 2 拷贝 ” 
图 层 。 

七 到 04| 按 CalT 组 合 键 ， 调 出 变换 控制 框 ， 按 住 Shift+rAlt 组 合 键 的 同时 ， 等 比例 从 
中 心 点 缩小 图 像 ， 如 图 10-9 所 示 。 


i 
| 权 通道 ”路径 至 
PP v-| 四 OoTDD 
正常 v| 不透明 度 : 100% |~v 
铁证 :加 4 中 本 人 填充 : 100% ~ 


图 10-8 得 到 “图 层 2 拷贝 ”图 层 图 10-9 等 比例 从 中 心 点 缩小 图 像 


专家 指点 ) 


如 果 要 同时 处 理 多 个 图 层 中 的 内 容 ( 如 移动 、 应 用 变化 或 创建 剪贴 蒙 版 )， 可 以 将 这 
些 图 层 链 接 在 一 起 。 选 择 两 个 或 多 个 图 层 ， 然 后 选择 “图 层 ”|“ 链 接 图 层 ”命令 或 单 击 
“图 层 ” 面 板 底部 的 “链接 图 层 ”按钮 ， 可 以 将 选择 的 图 层 链接 起 来 。 如 果 要 取消 链接 ， 
可 以 选择 其 中 一 个 链接 图 层 ， 然 后 单 击 “ 链 接 图 层 ” 按 钮 ， 即 可 取消 链接 。 
在 编辑 图 像 文件 时 ， 为 了 减少 磁盘 空间 的 利用 ， 对 于 没 必 要 分 开 的 图 层 ， 可 以 将 它 
们 合并 ,这样 有 助 于 减少 图 像 文 件 对 磁盘 空间 的 占用 ,同时 也 可 以 提高 系统 的 处 理 速度 。 
殴 殉 05| 按 Enter 键 确认 变换 ， 再 设置 “图 层 2 拷贝 ”图 层 的 “混合 模式 ”为 “ 滤 色 ” 
如 图 10-10 所 示 。 
戎 到 06| 继续 设置 “图 层 2 拷贝 ”图 层 的 “不 透明 度 ”为 80%， 效 果 如 图 10-11 所 示 。 
辆 弹 07| 选取 画笔 工具 ， 展开 “画笔 ”面板 ,选择 “画笔 笔尖 形状 ”选项 , 设置 “大 小 ” 
为 15 像素 、“ 硬 度 ” 为 09%8、“ 间 距 ” 为 250%， 如 图 10-12 所 示 。 
男 妈 08| 选中 “形状 动态 ” 复 选 框 , 设置 “大 小 拌 动 ”为 75%, 而 其 他 参数 均 设置 为 0%， 
此 时 ， 面 板 下 方 的 预览 框 中 即 可 显示 调整 后 的 画笔 状态 ， 如 图 10-13 所 示 。 


1 = 


| 
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wy 


图 10-10 ”设置 混合 模式 图 10-11 设置 “不 透明 度 ”效果 


10-12 设置 各 参数 图 10-13 显示 调整 后 的 画笔 状态 


“散布 ”的 各 主要 选项 含义 如 下 所 述 。 

@ “散布 /两 轴 "”:“ 散 布 " 用 来 设置 画笔 笔迹 的 分 散 程度 ,该 值 越 高 , 分 散 的 范围 越 广 。 
如 果 匀 选 “ 两 轴 ” 复 选 框 ， 画 笔 笔迹 将 以 中 间 为 基准 ， 向 两 侧 分 散 。 

@ “数量 ”: 用 来 指定 在 每 个 间距 间隔 应 用 的 画笔 笔迹 数量 。 

@ “数量 抖动 /控制 ”: 用 来 指定 画笔 笔迹 数量 如 何 针 对 各 种 间距 间隔 而 变化 。 
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媒体 平台 : 
ARS<s 账号 头像 与 页 面 广告 设计 | 


国 到 09] 选中 “散布 ” 复 选 框 ， 设 置 “散布 ”为 1000%、“ 数 量 ”为 1、“ 数 量 拉动 " 
为 0%， 此 时 ， 在 面板 下 方 的 预览 框 中 即 可 显示 调整 后 的 画笔 状态 ， 如 图 10-14 所 示 。 

恕 到 10| 新 建 “ 图 层 3” 图 层 ， 设 置 前 景色 为 白色 ， 在 球体 上 绘制 散布 的 星 点 ， 效 果 如 
图 10-15 所 示 。 


10-14 ”显示 调整 后 的 画笔 状态 10-15 绘制 星 点 


毁 到 11] 按 Ctul+O 组合 键 ， 打开 “装饰 psd” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 拖 
所 至 背景 图 像 编辑 窗口 中 ， 适 当 调整 图 像 的 位 置 ， 效 果 如 图 10-16 所 示 。 

辆 吕 12| 设置 前 景色 为 白色 , 双击 “图 层 4” 图 层 , 弹出 “ 拾 色 器 ”对 话 框 ， 选中 “光泽 ” 
复 选 框 ， 设 置 “ 光 泽 颜色 ”为 浅 桶 色 (RGB 参数 值 分 别 为 255、95、24)， 如 图 10-17 所 示 。 


10-16 拖 虫 图 像 10-17 设置 RGB 参数 


一 一 
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通过 复制 与 粘贴 图 层 样式 ， 可 以 减少 重复 操作 。 在 操作 时 ， 首 先 选择 包含 要 复制 的 
图 层 样 式 的 源 图 层 ， 在 该 图 层 的 图 层 名 称 上 单 击 鼠标 右键 ， 在 弹出 的 快捷 菜单 中 选择 “ 捞 
贝 图 层 样式 ”选项 。 

选择 要 粘贴 图 层 样式 的 目标 图 层 ， 它 可 以 是 单个 图 层 也 可 以 是 多 个 图 层 ， 在 图 层 名 称 上 
单 击 鼠 标 右键 ， 在 弹出 的 菜单 列表 框 中 选择 “粘贴 图 层 样 式 ” 选 项 即 可 。 当 用 户 只 需要 复制 
原 图 像 中 的 某 个 图 层 样式 时 ， 可 以 在 “图 层 ” 面 板 中 按 住 Alt 键 的 同时 ， 单 击 鼠 标 左 键 并 拖 
电 这 个 图 层 样式 至 目标 图 层 中 即 可 。 

辆 悦 13| 设置 “不 透明 度 ” 为 50%、“ 角 度 ” 为 90 度 、“ 距 离 ”为 17 像素 、“ 大 小 ” 
为 40 像素 ， 点 击 等 高 线 预览 图 右 侧 的 下 拉 按 钮 ， 在 展开 的 下 拉 列 表 框 中 选择 “环形 - 双 ” 样 
式 ， 如 图 10-18 所 示 。 

区 国 14| 设置 完毕 后 单 击 “确定 ”按钮 ， 即 可 为 图 像 添 加 “光泽 ”图 层 样式 ， 效 果 如 
图 10-19 所 示 。 


10-18 设置 各 选项 10-19 添加 “光泽 ”图 层 样式 


辆 副 15| 选中 “图 层 4” 图 层 , 单 击 鼠 标 右键 , 在 弹出 的 快捷 菜单 中 选择 “拷贝 图 层 样式 ” 
选项 ， 并 粘贴 在 “图 层 4 拷贝 ”图 层 上 ， 效 果 如 图 10-20 所 示 。 

殴 缠 16] 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “方正 
准 圆 简体 ”、“ 字 体 大 小 ” 为 11 点 .、 “设置 所 选 字符 的 字 距 调整 ”为 0、“ 颜 色 ”为 黑色 (RGB 
参数 值 均 为 0， 如 图 10-21 所 示 。 

区 到 17| 在 图 像 编辑 窗口 中 输入 文字 ， 并 移 至 适当 位 置 ， 如 图 10-22 所 示 。 

葬 赚 18] 双击 文字 图 层 ， 弹 出 “图 层 样式 ”对 话 框 ， 选 中 “投影 ” 复 选 框 ,设置 “投影 
颜色 ”为 紫色 (RGB 参数 值 分 别 为 95、55、228)、“ 不 透明 度 ” 为 22%、“ 和 角度 ”为 143、“ 距 
离 ” 为 4 像素 、“ 扩 展 ”为 20%、“ 大 小 ”为 3 像素 , 单 击 “ 确 定 ”按钮 ， 即 可 为 文字 添加 “ 投 
影 ”图 层 样 式 ， 效 果 如 图 10-23 所 示 。 
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图 10-20 粘贴 图 层 样式 10-21 设置 各 选项 


图 10-22 输入 文字 图 10-23 ”添加 “投影 ”图 层 样式 效果 


隐藏 图 层 样式 可 以 执行 以 下 3 种 操作 方法 。 

@ 在 “图 层 ” 面 板 中 单 击 图 层 样式 名 称 “切换 所 有 图 层 效 果 可 见 性 ”图 标 ， 可 将 显 
示 的 图 层 样式 隐藏 。 

@ 在 任意 一 个 图 层 样 式 名 称 上 单 击 息 标 右键 ， 在 弹出 的 菜单 列表 中 选择 “隐藏 所 有 
效果 ”选项 即 可 隐藏 当前 图 层 样 式 效果 。 

@ 在 “图 层 ” 面 板 中 单 击 所 有 图 层 样 式 上 方 “效果 ” 左 侧 的 眼睛 图 标 ， 即 可 隐藏 所 
有 图 层 样 式 效果 。 


葬 如 19| 选取 工具 箱 中 的 横 排 文 字 工具 ， 设 置 “ 字 体系 列 ”为 “方正 黑体 简体 ”、“ 字 
体 大 小 ”为 9 点 、“ 设 置 所 选 字符 的 字 距 调整 ”为 50、“ 颜 色 ” 为 黑色 (RGB 参数 值 均 为 0)， 
激活 仿 粗 体 图 标 ， 在 图 像 编辑 窗口 中 输入 相应 文本 ， 如 图 10-24 所 示 。 
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[20] 双击 文字 图 层 , 弹出 “图 层 样式 ”对 话 框 , 选中 “投影 " 复 选 框 , 设置 “不 透明 度 ” 
wi a a 0 
定 ”按钮 ， 即 可 为 文字 添加 “投影 ”图 层 样式 ， 如 图 10-25 所 示 。 


图 10-24 输入 文字 图 10-25 添加 “投影 ”图 层 样式 


10.2 豆 闪 书店 广告 设计 


在 制作 豆 辩 平台 的 书店 页 面 广告 时 ， 先 打开 并 拖 电 素 材 图 像 ， 调 整 图 像 的 亮度 ， 输 入 相 
应 的 商品 文字 信息 ， 即 可 完成 设计 。 
本 实例 最 终 效果 如 图 10-26 所 示 。 


扫 一 扫 观 看 在 线 视频 ; 
豆 办 书店 广告 设计 


10-26 ”实例 效果 
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10.2.1_ 制作 豆 轩 有 书店 主体 效果 局 


下 面 介绍 制作 豆 状 书店 页 面 广告 主体 效果 的 方法 。 

区 到 01| 按 CultO 组 合 键 ， 打 开 一 幅 素材 图 像 ， 效 果 如 图 10-27 所 示 。 

区 到 02] 选择 “法 镜 ”| “模糊 ”|“ 高 斯 模糊 ”命令 ， 弹 出 “高 斯 模糊 ”对 话 框 ， 设置 “ 半 
径 ” 为 1 像素 ， 如 图 10-28 所 示 。 


| KEz9I 
取消 ) 
回 预 鉴 P) | 


设置 


图 10-27 ”打开 素材 图 像 图 10-28 设置 “高 斯 模糊 ”选项 


恕 到 03] 单 击 “ 确 定 ” 按 钮 ， 即 可 模糊 图 像 ， 效 果 如 图 10-29 所 示 。 
恕 到 04] 新 建 “ 亮 度 / 对比度” 调整 图 层 ， 在 “属性 ”面板 中 设置 “亮度 ”为 10、“ 对 
比 度 ” 为 10， 调 整 背景 图 像 的 亮度 和 对 比 度 ， 效 果 如 图 10-30 所 示 。 


10-30 调整 图 像 亮 度 和 对 比 度 


专家 指点 )) 


应 用 “模糊 滤 镜 ， 可 以 使 图 像 中 清晰 或 对 比 度 较 强烈 的 区 域 产生 模糊 的 效果 。 
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区 到 05| 打开 “图 书 psd” 素 材 图 像 ， 运 用 移动 工具 将 其 拖 电 至 当前 图 像 编辑 窗口 中 的 
合适 位 置 ， 效 果 如 图 10-31 所 示 。 

区 到 06| 双击 “图 层 1” 图 层 ， 弹 出 “图 层 样 式 ”对 话 框 ， 选 中 “投影 ” 复 选 框 ， 参 数 
设置 如 图 10-32 所 示 。 
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图 10-31 添加 图 书 素材 10-32 设置 “投影 ”参数 


专家 指点 )) 


在 Photoshop 中 ,应 用 “投影 ”图 层 样 式 ， 可 为 图 层 中 的 对 象 下 方 制造 一 种 阴影 效果 ， 
阴影 的 “不 透明 度 ”“ 角 度 ”“ 距 离 ” “扩展 ”“ 大 小 ”以 及 “等 高 线 ” 等 ， 都 可 以 在 “图 
层 样式 ”对 话 框 中 进行 设置 。 

例如 ， 在 “图 层 样 式 ”对 话 框 中 ， 设 置 光 照 角度 ， 可 以 确定 投下 阴影 的 方向 与 角度 ; 
当选 中 后 面 的 “使 用 会 局 光 ” 复 选 框 时 ， 可 以 将 所 有 图 层 对 象 的 阴影 角度 都 统一 ; 设置 
“等 高 线 ” 选 项 ， 可 以 调整 阴影 的 明暗 部 分 ， 单 击 右 侧 的 下 拉 按 钮 ， 可 以 选择 预 设 效果 ， 
也 可 以 单 击 预 设 效 果 ， 弹 出 “等 高 线 编辑 器 ”对 话 框 重新 进行 编辑 。 


葬 如 07| 单 击 “ 确 定 ”按钮 ， 应 用 “投影 ”图 层 样式 ， 效 果 如 图 10-33 所 示 。 

辆 妈 08| 选取 工具 箱 中 的 椭圆 选 框 工具 , 在 右 下角 创 建 一 个 椭 贺 选区, 适当 调整 其 位 置 ， 
如 图 10-34 所 示 。 

恕 到 09] 新 建 “ 图 层 2” 图 层 ， 为 选区 填充 白色 ,并 取消 选区 ， 如 图 10-35 所 示 。 

恕 到 10| 设置 “图 层 2” 图 层 的 “不 透明 度 ”为 80%， 调 整 图 像 的 不 透明 度 ， 效 果 如 
图 10-36 所 示 。 

辆 如 1 为 “图 层 2” 图 层 添加 一 个 图 层 蒙 版 ,运用 渐变 工具 从 上 至 下 填充 黑色 至 白色 
的 “线性 渐变 ” 色 ， 效 果 如 图 10-37 所 示 。 

国 可 人 2 双击 “图 层 2” 图 层 ， 弹 出 “图 层 样式 ”对 话 框 ， 选 中 “外 发 光 ” 复 选 框 ， 参 
数 设置 如 图 10-38 所 示 。 


下 152 


Je 


体 平台 


媒 
<&4 账号 头像 与 页 面 广告 设计 | 


图 10-33 应 用 “投影 ”图 层 样式 图 10-34 创建 椭圆 选区 
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10-37 图像 效果 图 10-38 设置 “外 发 光 ” 参 数 
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恕 玉 13| 单 击 “确定 ”按钮 ， 应 用 “外 发 光 ” 图 层 样式 ,效果 如 图 10-39 所 示 。 
区 到 14| 按 CultO 组 合 键 , 打开 “宣传 文字 psd” 素材 图 像 ， 运 用 移动 工具 将 图 层 组 
的 图 像 拖 忠 至 当前 图 像 编辑 窗口 中 ， 适 当 调 整 图 像 的 位 置 ， 效 果 如 图 10-40 所 示 。 


图 10-39 应 用 “外 发 光 ” 图 层 样式 图 10-40 ”调整 图 像 位 置 


10.2.2 ”制作 豆瓣 书店 文字 效果 | 

下 面 介绍 制作 豆瓣 书店 页 面 广 告 文字 效果 的 方法 。 

毁 王 01] 选取 工具 箱 中 的 直 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “迷你 
简 启 体 ”、“ 字 体 大 小 ”为 18.5 点 、“ 设 置 所 选 字符 的 字 距 调整 ”为 400、“ 颜 色 ” 为 白色 ， 
激活 仿 粗 体 图 标 ， 如 图 10-41 所 示 。 

毁 到 02| 在 图 像 编辑 窗口 中 输入 相应 文字 ， 如 图 10-42 所 示 。 


DI 
字符 天 
| 过 人 fg 让 “| | - | 
| 
| 如 ll85 点 | 途 掉 动 |v 
wa 局 7 0 


10-42 输入 文字 
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点 到 03] 双击 文字 图 层 ,弹出 “图 层 样式 ”对 话 框 ， 选 中 “ 描 边 ” 复 选 框 , 设置 “颜色 ” 
为 黑色 (RGB 参数 值 均 为 0)， 其 他 参数 设置 如 图 10-43 所 示 。 

艺 台 04| 单 击 “ 确 定 ” 按 钮 ， 应 用 “ 描 边 ”图 层 样式 ， 效 果 如 图 10-44 所 示 。 

如 国 05] 选取 工具 箱 中 的 圆 角 和 矩形 工具 ， 在 工具 属性 栏 中 选择 工具 模式 为 “形状 ”， 设 
置 “ 半 径 ” 为 15 像素 、“ 填 充 ” 为 红色 (RGB 参数 值 分 别 为 230、0、18), 绘制 一 个 贺 角 箱 
形 图 形 ， 如 图 10-45 所 示 。 

恕 到 06| 选取 工具 箱 中 的 矩形 工具 , 在 工具 属性 栏 中 选择 工具 模式 为 “形状 ”, 设置 “ 填 
充 ” 为 红色 (RGB 参数 值 分 别 为 230、0、18)， 绘 制 一 个 矩形 图 形 ， 如 图 10-46 所 示 。 


RR 


10-45 ”绘制 一 个 圆 角 矩形 形状 10-46 绘制 矩形 形状 


项 到 07] 复制 该 矩形 图 像 ， 并 适当 调整 其 位 置 ， 效 果 如 图 10-47 所 示 。 
区 国 08| 选取 工具 箱 中 的 直 排 文字 工具 输入 相应 文字 ， 在 “字符 ”面板 中 设置 “字体 系 
列 ” 为 “Adobe 黑体 Std”、“ 字 体 大 小 ”为 7 点 、“ 设 置 所 选 字符 的 字 距 调整 ”为 100、“ 颜 
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色 ” 为 白色 ， 并 激活 仿 粗 体 图 标 ， 效 果 如 图 10-48 所 示 。 
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图 10-47 复制 矩形 形状 10-48 输入 文字 


胞 六 09] 选取 工具 箱 中 的 直线 工具 , 在 工具 属性 栏 中 选择 工具 模式 为 “形状 ”, 设置 “ 填 
充 ” 为 黑色 、“ 粗 细 ” 为 3 像素 ,绘制 一 个 直线 图 形 ， 效 果 如 图 10-49 所 示 。 

毁 缠 10] 选取 工具 箱 中 的 直 排 文字 工具 输入 相应 文字 ， 在 “字符 ”面板 中 设置 “字体 系 
列 ” 为 “Adobe 黑体 Std”、“ 字 体 大 小 ”为 7.5 点 、“ 设 置 所 选 字符 的 字 距 调整 ”为 100、“ 颜 
色 ” 为 黑色 ， 效 果 如 图 10-50 所 示 。 


图 10-49 ”绘制 直线 图 形 10-50 输入 文字 


毁 王 11] 双击 文字 图 民 ， 弹 出 “图 层 样式 ”对 话 框 ， 选 中 “投影 ” 复 选 框 ， 其 他 参数 设 
置 如 图 10-51 所 示 。 

毁 玉 12] 单 击 “ 确 定 ”按钮 ， 应 用 “投影 ”图 层 样式 ， 效 果 如 图 10-52 所 示 。 

葬 凡 13| 选取 工具 箱 中 的 直 排 文字 工具 输入 相应 文字 ， 在 “字符 ”面板 中 设置 “字体 系 
列 ” 为 Acumin Variabl.、“ 字 体 大 小 ”为 3.77 点 、“ 颜 色 ” 为 黑色 ， 并 激活 仿 粗 体 图 标 ， 效 
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果 如 图 10-53 所 示 。 
区 国 14| 双击 文字 图 层 ， 弹 出 “图 层 样 式 ” 对 话 框 ， 选 中 “投影 ” 复 选 框 ， 设 置 “ 距 离 ” 
为 1 像素 、“ 大 小 ”为 1 像素 ， 单 击 “确定 ”按钮 ， 效 果 如 图 10-54 所 示 。 
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图 10-53 输入 文字 图 10-54 添加 “投影 ”图 层 样式 


1 和 7 一 一 一 


伴随 着 微 信 的 火热 发 展 ，QQ 空间 广告 平台 也 应 运 而 生 。 越 来 越 多 的 商家 、 
企业 、 个 人 都 将 其 用 于 营销 。 所 以 QQ 的 广告 设计 也 变 得 重要 起 来 ， 美 观 的 界 
面 可 以 让 人 在 界面 停留 更 久 。 


本 章 重 点 导航 


@ 零食 品牌 推广 活动 设计 
@ 珠宝 产品 促销 广告 设计 
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11.1 零食 品牌 推广 活动 设计 


QQ 空间 是 腾讯 为 客户 提供 的 商品 营销 平台 ， 下 面 选取 其 零食 推广 页 活动 、 拼 多 多 产品 
推广 页 设计 等 两 个 广告 位 来 作案 例 分 析 。 

在 制作 零食 推广 页 时 ， 采 用 深 橙 色 的 纯色 背景 ， 添 加 一 张 推 广 产品 的 图 片 ， 再 配 上 简洁 
明了 的 文字 与 图 形 ， 可 以 很 好 地 将 信息 传递 给 用 户 。 

本 实例 最 终 效 果 如 图 11-1 所 示 。 


名 美味 信 
六 6 "18 端午 大 特惠 ! 
全 场 零食 1 元 起 ， 食 肉 小 伙伴 看 过 来 ~ 
本 RO 从 


点 击 购买 


好 零食 这 里 队 隐 ~ [起 看 ] 


入味 三 房 /0N 鹤 从 A 


当天 制作 当天 发 货 新 名 


11-1 实例 效果 


扫 一 扫 观 看 在 线 视 频 : 
零食 品牌 推广 活动 设计 


专家 指点 )) 


如 果 对 绘制 的 圆 角 算 形 不 满意 ， 可 以 选择 “窗口 ”|“ 属 性 ”命令 ， 在 展开 的 “ 属 
性 ”面板 中 ,对 圆 角 矩形 进行 参数 设置 ， 如 “填充 ”“ 描 边 ”“ 描 边 宽度 ”“ 半 径 ” 等 
参数 。 
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00 空间 -| 苹 
KE 好 友 动 态 信息 流 广告 设计 图 
11.1.1 制作 零食 推广 页 主体 效果 3 


下 面 详细 介绍 制作 零食 推广 页 主体 效果 的 方法 。 


步骤 [0 


食品 牌 推广 活动 设计 ”、“ 宽 度 ” 为 990 像素 、“ 高 度 ”为 300 像素 、“ 分 辩 率 ”为 300 像 
素 / 英 寸 、“ 颜 色 模式 ”为 “RGB 颜色 ”、“ 背 景 内 容 ” 为 “白色 ”。 单 击 “ 创 建 ”按钮 ， 
新 建 一 个 空白 图 像 ， 如 图 11-2 所 示 。 


步骤 [到 


参数 值 分 别 为 243、152、0)、“ 描 边 ”为 棕色 (RGB 参数 值 分 别 为 168、66、0)、“ 描 边 宽度 ” 
为 1 像素 、“ 半 径 ” 为 10 像素 ， 沿 画布 边缘 绘制 一 个 圆 角 和 矩形， 如 图 11-3 所 示 。 


选择 “文件 ” |“ 新建” 命令， 弹出 “新 建文 档 ” 对 话 框 ， 设 置 “名 称 ” 为 “ 零 
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选取 工具 箱 中 的 圆 角 矩形 工具 ， 在 工具 属性 栏 中 设置 “填充 ”为 深 橙色 (RGB 


一 
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图 11-2 新 建 空白 图 像 图 11-3 绘制 圆 角 矩形 


步 深 国 
5 于 加 
然 饱 和 度 ” 为 


步骤 [加 


选择 “文件 ”| “打开 ”命令 ， 打 开 “ 美 食 jpg” 素 材 图 像 ， 如 图 11-4 所 示 。 
选择 “图 像 "| "调整 "| "自然 饱和 度 " 命令 , 弹出 “自然 饱和 度 ” 对 话 框 , 设置 “ 自 
100、“ 饱 和 度 ” 为 4， 单 击 “ 确 定 ”按钮 ， 效 果 如 图 11-5 所 示 。 


图 11-4 素材 图 像 图 11-5 ”调整 后 的 图 像 效 果 


选择 “图 像 ”|“ 调 整 ”|“ 亮 度 / 对 比 度 ” 命 令 ,， 弹出“ 亮度/ 对比度 ”对 话 框 ， 
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设置 “对 比 度 ” 为 35， 单 击 “ 确 定 ” 按 钮 ， 效 果 如 图 11-6 所 示 。 
莹 久 06| 运用 移动 工具 将 素材 图 像 拖 跨 至 背景 图 像 编辑 窗口 中 ， 适 当 调整 图 像 的 大 小 和 
位 置 ， 如 图 11-7 所 示 。 


图 11-6 调整 后 的 图 像 效 果 图 11-7 拖 曙 图 像 


苞 玉 07| 运用 椭圆 选 框 工具 绘制 一 个 正 圆 形 选区 ， 按 Shiftt+CtrltI 组合 键 ， 反 选 选区 ， 
如 图 11-8 所 示 。 

辆 绍 08| 按 Delete 键 删除 选区 内 的 图 像 ， 按 Ctrl+D 组 合 键 ， 取 消 选 区 ， 并 适当 调整 图 
片 的 位 置 ， 效 果 如 图 11-9 所 示 。 


图 11-8 反选 选区 图 11-9 取消 选区 


11.1.2 ”制作 零食 推广 页 文字 效果 | 

下 面 介绍 零食 推广 页 文字 效果 的 方法 。 

葬 台 01| 选取 工具 箱 中 的 横 排 文字 工具 , 选择 “窗口 ”| “字符 ”命令 , 弹出 “字符 ”面板 ， 
设置 “字体 系列 ”为 “ 华 康 娃娃 体 ”、“ 字 体 大 小 ”为 16.5 点 、“ 颜 色 ” 为 白色 (RGB 参数 
值 均 为 255)， 激 活 仿 粗 体 图 标 ， 如 图 11-10 所 示 。 

殴 到 02| 在 图 像 编 辑 窗口 中 输入 文字 ， 运 用 移动 工具 将 文字 移动 至 合适 位 置 ， 效 果 如 
图 11-11 所 示 。 

葬 如 03| 选择 “图 层 ” |“ 图 层 样式 ” |“ 投影” 命令, 弹出 “图 层 样式 ”对 话 框 , 设置 “不 
透明 度 ” 为 75%、“ 角 度 ”为 90 度 、“ 距 离 ” 为 5 像素 “扩展 ”为 10%、“ 大 小 ”为 7 像素 ， 
如 图 11-12 所 示 。 

葬 如 04| 单 击 “ 确 定 ”按钮 ， 即 可 为 文字 添加 “投影 ”图 层 样式 ， 效 果 如 图 11-13 所 示 。 
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| SEE ~ | 
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美国 英语 vj 权 | vv 
图 11-10 设置 各 选项 图 11-11 输入 文字 
至 人 
rem | 
| ees | | 
| 9 2 
| ee = 
| 二 ma 图 bE Mh 
tm 2 
| mssiu| 设置 ES 
Es 0 添加 样式 
图 11-12 设置 各 参数 图 11-13 添加 图 层 样式 


葬 弹 05| 选取 工具 箱 中 的 直线 工具 , 在 工具 属性 栏 中 设置 “选择 工具 模式 ”为 “形状 ”、 
“填充 ”为 白色 (RGB 参数 值 均 为 255)、“ 粗 细 ” 为 2 像素 ,绘制 直线 图 形 ， 如 图 11-14 所 示 。 

虑 到 06] 选取 工具 箱 中 的 横 排 文 字 工具 ,设置 “字体 系列 ”为 “方正 卡通 简体 ”、“ 字 
体 大 小 ”为 72 点 、“ 设 置 所 选 字符 的 字 距 调整 ”为 -25、“ 颜 色 ” 为 白色 (RGB 参数 值 均 为 
255)， 在 图 像 编辑 窗口 中 输入 文字 ， 如 图 11-15 所 示 。 


入 于- 采 和 | 记 [CO 亚 [ 谷 2 半生 
EI 


je w 多 当天 制作 当天 发 货 绝对 新 鲜 
As NS 


图 11-14 绘制 直线 图 11-15 输入 文字 


辆 弹 07| 选取 工具 箱 中 的 多 边 形 工具 ， 在 工具 属性 栏 中 设置 “填充 ”为 黄色 (RGB 参 
数值 分 别 为 234、209、73)、“ 描 边 ” 为 无 ， 选 中 “ 星 形 ” 复 选 框 ,设置 “ 缩 进 边 依据 ”为 
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53%、“ 边 ”为 4、“ 粗 细 ” 为 1 像素 ， 如 图 11-16 所 示 。 
钱 王 08] 按 住 Shift 键 的 同时 , 在 图 像 编辑 窗口 中 单 击 鼠 标 左 键 并 拖 跨 ,绘制 一 个 星 形 ， 
如 图 11-17 所 示 。 


已 : 委 EE 本 本 

路 径 选 项 
粗细 : 1 像素 <- 人 设置 
疡 名 (O: | 国 默 … 


半径 : 

站 翌 骨 拐角 

星 形 < @ 选 中 

编 # 边 依据 : 53% 加 当天 制作 当天 发 贷 如 对 新 人 

口 平滑 缩 进 
图 11-16 设置 各 选项 图 11-17 绘制 一 个 星 形 
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多 边 形 工具 的 各 主要 选项 含义 如 下 。 
@ 半径 : 可 以 设置 多 边 形 或 者 星 形 的 半径 长 度 ， 绘 制 时 可 以 创建 指定 半径 值 的 多 边 
形 或 星 形 。 
@ 平滑 扬 角 : 创建 具有 平滑 拐角 的 多 边 形 或 者 星 形 。 
@ 星 形 : 选中 该 复 选 框 可 以 创建 星 形 ， 在 “ 缩 进 边 依据 ”选项 中 可 以 设置 星 形 边缘 
向 中 心 缩 进 的 数量 ， 该 值 越 高 ， 缩 进 量 越 大 ; 若 选 中 “平滑 缩 进 ” 复 选 框 ， 可 以 
使 星 形 的 边 平滑 地 向 中 心 缩 进 。 
恕 玉 09] 选取 工具 箱 中 的 直接 选择 工具 ， 适 当 调整 星 形 两 个 角 的 长 度 ， 效 果 如 图 11-18 
所 示 。 
莆 到 10| 选取 工具 箱 中 的 移动 工具 ， 按 Ctl+T 组 合 键 ， 调 出 变换 控制 框 ， 在 工具 属性 
栏 中 设置 “旋转 ”为 25 度 ， 此 时 图 像 编辑 窗口 中 的 图 像 也 随 之 旋转 ， 如 图 11-19 所 示 。 
葬 赔 11| 按 Enter 键 确认 变换 ， 并 将 图 像 移 至 合适 位 置 ， 效 果 如 图 11-20 所 示 。 
恕 玉 12] 选取 工具 箱 中 的 横 排 文 字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “方正 
卡通 简体 ”、“ 字 体 大 小 ”为 6 点 、“ 颜 色 ” 为 白色 (RGB 参数 值 均 为 255)， 在 图 像 编 辑 窗 
口中 输入 文字 ， 如 图 11-21 所 示 。 
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移动 工具 是 Photoshop 软件 工具 栏 中 使 用 最 多 的 工具 ， 主 要 是 负责 移动 图 层 和 图 像 等 
方便 复制 操作 。 在 选择 移动 工具 后 ，Photoshop 会 弹出 移动 工具 面板 ( 又 称 为 移动 工具 选 


项 栏 )， 可 供 使 用 者 对 移动 工具 的 功能 进行 细微 设置 与 调节 。 


调整 革 和 -_ 
旋转 计 2 
输入 
r AA | 六 美味 和 大 0) 节 从 
Ye 移动 eg 
~、 
移动 工具 将 素材 图 像 拖 


辐 13] 按 Ctrl+o 组 合 键 ， 打开“ 按钮 psd” 素 材 图 像 ， 运 用 

电 至 背景 图 像 编辑 窗口 中 ， 适 当 调整 图 像 的 位 置 ， 效 果 如 图 11-22 所 示 。 
14| 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “方正 

准 圆 体 ”、“ 字 体 大 小 ”为 8.8 点 、“ 颜 色 ” 为 白色 (RGB 参数 值 均 为 255)， 在 图 像 编辑 窗 


口中 输入 文字 ， 如 图 11-23 所 示 。 


层 ， 按 Cul+G 组 合 键 ， 为 图 层 编组 ,得 到 “组 


要 15| 选中 除 “背景 ”图 层 外 的 所 有 区 
1” 图 层 组 ， 如 图 11-24 所 示 。 
溉 到 16| 按 Ctl+O 组 合 键 ， 打开 “QQ 空间 jpg” 素 材 图 像 ， 运 上 


移动 工具 将 图 层 组 的 
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图 像 拖 中 至 刚 打 开 的 图 像 编 辑 窗口 中 ， 适 当 调 整 图 像 的 位 置 和 大 小 ， 效 果 如 图 11-25 所 示 。 


x 


图 层 ”直道 ”路径 至 


Pa -加 OoTDB 。 
订 泛 -| 和 区 :00% | 版 关 味 写 全 
久 : 加 发 中 村 自 需 ooy |~ 2 
美 哇 和 房 友 祥 食 
拖 中 a 
好 地 食 这 里 同 难 ~ ED 
和 LE 
see<e ,ae 
及 DO 9. 口 日 站 ‘ 3 
图 11-24 得 到 “组 1” 图 层 组 图 11-25 调整 后 的 图 像 效 果 
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景 图 层 的 默认 颜色 是 控制 栏 里 面 颜色 选择 器 的 背景 颜色 。 在 背景 层 里 选择 部 分 选 
erpeeepeWreempwr 
编辑 ， 如 果 没 有 特殊 要 求 ， 一 般 编 辑 图 片 时 可 以 把 背景 层 转换 为 普通 层 。 

普通 图 层 是 Photoshop 中 最 基本 的 图 层 ， 也 是 最 常用 的 图 层 之 一 ， 在 创建 和 编辑 图 像 
时 ， 创 建 的 图 层 都 是 普通 图 层 ， 在 普通 图 层 上 可 以 设置 图 层 混合 模式 、 ee 
填充 ， 从 而 改变 图 层 的 显示 效果 。 单 击 “ 图 层 ” 面 板 底部 的 “创建 新 图 层 ” 按 钮 加 |， 忆 
可 创建 普通 图 层 。 在 Photoshop 中 ， 展开“ 图 层 ”面板 ， 移 动 鼠 标 至 “图 层 1” 国人 
单 击 鼠 标 左 键 并 拖 提 至 面板 右 下 方 的 “创建 新 图 层 " 按钮 加 | 上, 即 可 复制 图 层 , 并 生成 “图 
层 1 拷贝” 图 层 。 


11.2 ”珠宝 产品 促销 广告 设计 


新 品 发 布 活动 的 主要 目的 是 力求 激发 顾客 对 新 产品 、 新 店铺 等 产生 兴趣 ， 从 而 达到 销售 
0 目的 ， 这 也 是 最 为 常规 的 营销 方式 。 在 制作 QQ 空间 新 产品 推广 活动 页 面 时 ， 通 常 可 
处 结 合 各 种 促销 手段 来 增加 活动 的 吸引 力 ， 从 而 快速 获取 优质 用 户 的 关注 。 
本 实例 最 终 效果 如 图 11-26 所 示 。 
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11-26 ”实例 效果 


扫 一 扫 观 看 在 线 视频 : 
珠宝 产品 促销 广告 设计 


11.2.1_ 制 作 产品 页 面 文字 效果 四 


网 店 的 促销 活动 可 以 让 消费 者 降低 初次 消费 成 本 ， 从 而 更 容易 接受 新 产品 。 下 面 详细 介 
绍 新 品 上 市 促销 活动 的 文字 设计 方法 。 

区 到 01] 按 CtultO 组 合 键 ， 打开 一 幅 素材 图 像 ， 如 图 11-27 所 示 。 

殴 王 02] 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “微软 
雅 黑 ”、“ 字 体 大 小 ”为 147 点 、“ 设 置 消除 锯齿 的 方法 ”为 “浑厚 ”、“ 颜 色 ” 为 红色 (RGB 
参数 值 分 别 为 255、12、12)， 如 图 11-28 所 示 。 

戎 到 03| 将 鼠标 移动 至 图 像 编 辑 窗口 中 单 击 鼠标 左 键 ， 输 入 文字 ， 按 Ctrl+Enter 组 合 键 
确认 输入 ; 选取 工具 箱 中 的 移动 工具 ， 将 文字 移动 至 合适 位 置 ， 效 果 如 图 11-29 所 示 。 

殴 王 04| 选取 工具 箱 中 的 横 排 文 字 工 具 , 在 “字符 ”面板 中 设置 “字体 系列 ”为 “黑体 ”、“ 字 
体 大 小 ”为 128 点 、“ 设 置 消 除 锯齿 的 方法 ”为 “浑厚 ”、“ 颜 色 ” 为 白色 ,如 图 11-30 所 示 。 
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图 11-27 打开 素材 图 像 图 11-28 设置 “字符 ”属性 
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图 11-29 输入 文字 11-30 设置 “字符 ”属性 


辆 如 05| 将 鼠标 移动 至 图 像 编 辑 窗口 中 单 击 鼠 标 左 键 ， 输 入 文字 ， 按 Ctrl+Enter 组 合 键 
确认 输入 ， 选 取 工具 箱 中 的 移动 工具 ， 将 文字 调整 至 合适 位 置 ， 效 果 如 图 11-31 所 示 。 

葬 妈 06| 选取 工具 箱 中 的 横 排 文字 工具 , 在 “字符 ?面板 中 设置 “字体 系列 "为 “黑体 "“ 字 
体 大 小 ”为 128 点 、“ 设 置 消除 锯齿 的 方法 ”为 “浑厚 ”、“ 颜 色 ” 为 白色 ,如 图 11-32 所 示 。 

辆 如 07| 将 鼠标 移动 至 图 像 编辑 窗口 中 单 击 鼠标 左 键 ， 输 入 文字 ， 按 Cul+Enter 组 合 键 
确认 输入 ， 选 取 工具 箱 中 的 移动 工具 ， 将 文字 调整 至 合适 位 置 ， 效 果 如 图 11-33 所 示 。 

区 到 08] 选中 “ 折 起 ”文字 图 层 ， 在 菜单 栏 中 选择 “图 层 ”|“ 图 层 样式 ”| “投影 ”命令 ， 
即 可 弹出 “图 层 样式 ”对 话 框 ， 设 置 “ 角 度 ”为 30 度 、“ 距 离 ”为 5 像素 、“ 大 小 ”为 5 像 
素 ， 单 击 “ 确 定 ”按钮 ， 即 可 应 用 投影 效果 ， 如 图 11-34 所 示 。 
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图 11-33 调整 文字 11-34 ”应 用 投影 效果 


11.2.2_ 制 作 产品 页 面 细节 效果 成 


下 面 详细 介绍 新 品 上 市 促销 活动 的 页 面 细节 效果 设计 方法 。 

区 到 01| 按 CtltO 组 合 键 ， 打开 “新 品 标签 psd” 素 材 图 像 ， 如 图 11-35 所 示 。 

鲁 到 02] 选取 工具 箱 中 的 移动 工具 ， 将 新 品 标签 素材 图 像 拖 电 至 背景 图 像 编辑 窗口 中 ， 
如 图 11-36 所 示 。 


由 于 以 JPEG 格式 存储 文件 时 会 丢失 图 像 数据 ， 因 此 ， 如 果 准 备 对 文件 进行 进一步 纺 
辑 或 创建 额外 的 JPEG 版 本 ， 最 好 以 原始 格式 (例如 Photoshop .PSD) 存储 源 文件 。 减 少 
颜色 数量 通常 可 以 减 小 图 像 的 文件 大 小 ， 同 时 保持 图 像 品质 。 可 以 在 颜色 表 中 添加 和 删 
除 颜色 ， 将 所 选 颜 色 转 换 为 Web 安全 颜色 ， 并 锁定 所 选 颜色 以 防 其 从 调 板 中 删除 。 
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11-35 ”打开 素材 图 像 11-36 拖 入 素材 


奴 到 03] 按 Cel+T 组 合 键 ， 调 出 变换 控制 框 ， 适 当 调整 其 大 小 和 位 置 ， 按 Enter 键 确认 ， 


效果 如 图 11-37 所 示 。 


辆 习 04| 新 建 “ 亮 度 /对 比 度 1” 调 整 图 层 , 展开 “属性 ”面板 , 设置 “亮度 ” 为 35、 


比 度 ”为 20， 如 图 11-38 所 示 。 


一 


on 


11-37 ”调整 大 小 和 位 置 11-38 设置 参数 值 


“对 


辆 如 05| 选择 “亮度 / 对比度 1” 调 整 图 层 ， 创 建 剪 贴 莹 版， 效果 如 图 11-39 所 示 。 
戎 到 06| 在 “图 层 ” 面 板 中 ， 选 择 “ 背 景 ”图 层 ， 按 Cul+] 组 合 键 拷贝 图 层 ， 如 


图 11-40 所 示 。 


苞 国 07] 选择 “ 滤 镜 ” |“ 杂 色 ”| “添加 杂 色 ”命令 ,弹出 “添加 杂 色 ”对 话 框 ， 设 置 “ 数 


量 ”为 5%， 如 图 11-41 所 示 。 
攻 台 08| 单 击 “ 确 定 ”按钮 ， 添 加 “添加 杂 色 ” 滤 镜 效果 ， 如 图 11-42 所 示 。 
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图 11-39 创建 剪贴 蒙 版 
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11-40 ”拷贝 图 层 


Ga) 
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预 宽 (p) | 


全 Wi 起 


11-41 设置 数量 11-42 ”添加 滤 镜 效果 


所 -| 设置 


专家 指点 )» 


亮度 (Value， 简 写 为 V， 又 称 为 明度 ) 是 指 颜 色 的 明 瞳 程度 ， 通 常 使 用 从 0%~100% 
的 百分比 来 度量 。 在 正常 强度 光线 照射 下 的 色相 ,被 定义 为 标准 色相 ,亮度 高 于 标准 色 
相 的 ， 称 为 该 色相 的 高 光 ， 反 之 称 为 该 色相 的 阴影 。 

不 同 亮度 的 颜色 给 人 的 视觉 感受 各 不 相同 ， 高 亮度 颜色 给 人 以 明亮 、 纯 净 、 唯 美 竺 
感觉 ， 中 亮度 颜色 给 人 以 朴素 、 稳 重 、 亲 和 的 感觉 。 侈 亮度 颜色 则 让 人 感觉 压抑 、 沉 重 、 
神秘 。 
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知识 导读 
拌 音 、 快 手 等 短视 频 的 应 用 以 及 各 种 直播 平台 的 出 现 ， 促 成 了 短视 频 和 直 


播 的 爆发 ， 成 就 了 大 批 的 网 红 ， 也 带 来 了 很 多 商业 机 会 。 本 章 主 要 介绍 快手 、 
抖 音 平台 中 的 视觉 设计 案例 ， 以 帮助 自 媒 体 和 网 红 取得 更 好 的 引流 效果 。 


本 章 重 点 导 jn 


快手 个 人 主页 封面 设计 
@ 拌 音 平台 个 人 名 片 设计 
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12.1 ”快手 个 人 主页 封面 设计 


快手 最 初 是 一 款 用 来 制作 和 分 享 GIF 图 片 的 手机 应 用 ， 如 今 已 经 从 纯粹 的 工具 应 用 转型 
为 短视 频 社区 ， 成 为 用 户 记 录 和 分 享 生活 的 平台 。 当 然 ， 各 行 各 业 的 新 媒体 达 人 也 利用 这 个 


热门 的 短视 频 平台 ,分 享 自己 的 特长 和 技能 ， 成 为 自 媒体 引流 利器 。 


本 实例 主要 介绍 一 个 摄影 后 期 达 人 的 快手 短视 频 教程 宣传 广告 设计 ， 最 终 效 果 如 图 12-1 


所 示 。 
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图 12-1 实例 效果 
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扫 一 扫 观 看 在 线 视频 : 
快手 个 人 主页 封面 设计 
12.1.1 制作 个 人 主页 封面 主体 效果 o| 


下 面 介 绍 制 作 快 手 个 人 主页 封面 主体 效果 的 方法 。 
区 国 01] 按 Cul+O 组 合 键 ， 打 开 一 幅 素材 图 像 ， 如 图 12-2 所 示 。 


恕 为 02| 选取 工具 箱 中 的 贺 角 和 矩形 工具 ， 在 工具 属性 栏 中 选择 工具 模式 为 “形状 ”， 设 


置 “ 半 径 ”为 60 像素 、“ 填 充 ” 为 无 、“ 描 边 ”为 白色 、“ 描 边 宽度 ”为 5 像素 ， 


圆 角 和 矩形 图 形 ， 如 图 12-3 所 示 。 


绘制 一 个 


葬 赚 03| 双击 “ 圆 角 和 矩形 1” 图 层 ， 弹 出 “图 层 样式 ”对 话 框 ， 选 中 “投影 ” 复 选 框 ， 


视频 平台 
快手 封面 与 持 音 名 片 设计 加 


其 他 参数 设置 如 图 12-4 所 示 。 
单 击 “确定 ”按钮 ， 应 用 “投影 ”图 层 样式 ， 效 果 如 图 12-5 所 示 。 


绘制 搞 


图 12-2 ”打开 素材 图 像 图 12-3 ”绘制 圆 角 和 拢 形 图 形 


att WE 


LT 术 
| 


Oy 田 ] 
设置 | 


图 12-4 设置 “投影 ”选项 图 12-5 应 用 “投影 ”图 层 样式 
项 到 05| 选择 “ 圆 角 和 矩形 1” 图 层 ， 将 其 栅 格 化 ， 选 取 工 具 箱 中 的 矩形 选 框 工具 ， 在 边 
框 上 方 创建 一 个 矩形 选区 ， 如 图 12-6 所 示 。 
按 Delete 键 ， 删 除 选区 内 的 图 像 ， 并 取消 选区 ， 效 果 如 图 12-7 所 示 。 


网 


12-6 创建 矩形 选 


网 
网 


到 12-7 ”删除 选区 内 的 图 像 


按 Ctrl+O 组 合 键 ， 打开“ 相机 jpg” 素 材 图 像 ， 如 图 12-8 所 示 。 
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< 完全 操作 手册 


E 弹 08| 选取 工具 箱 中 的 魔 棒 工具 ， 在 工具 属性 栏 中 设置 “ 容 差 ” 为 6， 在 白色 的 背景 
处 单 击 创建 选区 ， 如 图 12-9 所 示 。 


图 12-8 打开 相机 素材 图 像 图 12-9 创建 选区 


区 国 09| 选择 “选择 ”|“ 反 选 ”命令 ， 反 选 选 区 ， 按 Ctrl+J 组合 键 复制 选区 内 的 图 像 ， 
如 图 12-10 所 示 。 

区 玉 10| 按 Ctrl+D 组 合 键 取消 选区 , 选择 “ 滤 镜 ”|“ 泻 染 ”|“ 镜 头 光量 ”命令 , 弹出 “ 镜 
头 光 晕 ”对 话 框 ， 设 置 “亮度 ”为 753%， 单 击 “确定 ”按钮 ， 效 果 如 图 12-11 所 示 。 


图 12-10 反选 选区 图 12-11 应 用 滤 镜 


虎 习 11] 运用 选择 工具 将 选区 内 的 图 像 拖 中 至 背景 图 像 编 辑 窗口 中 ， 适 当 调 整 素 材 的 大 
小 和 位 置 ， 效 果 如 图 12-12 所 示 。 


12-12 拖 入 相机 素材 
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视频 平台 | 国 
快手 封面 与 拌 音 名 片 设计 刁 


12.1.2 制作 个 人 主页 封面 文字 效果 DD 


下 面 介 绍 制作 快手 个 人 主页 封面 文字 效果 的 方法 。 
选取 工具 箱 中 的 矩形 选 框 工 具 , 在 图 像 中 创建 一 个 矩形 选区 ， 如 图 12-13 所 示 。 
选择 “选择 ”|“ 变 换 选 区 ”命令 ， 调 出 变换 控制 框 ， 如 图 12-14 所 示 。 


图 12-13 ”创建 和 矩 形 选 区 图 12-14 调 出 变换 控制 框 


区 到 03| 在 变换 工具 的 工具 属性 栏 中 ,设置 “旋转 ”为 45 度 ， 调 整 矩 形 选区 的 角度 ， 
效果 如 图 12-15 所 示 。 
区 国 04| 将 选区 调整 至 合适 位 置 ， 并 按 Enter 键 确认 变换 操作 ， 效 果 如 图 12-16 所 示 。 


图 12-15 调整 选区 角度 图 12-16 确认 变换 


EE 逐 漳 05| 展开 “图 层 ” 面 板 ， 新 建 “图 层 2” 图 层 ， 如 图 12-17 所 示 。 
腕 河 06| 设置 前 景色 为 白色 (RGB 参数 值 均 为 255)， 如 图 12-18 所 示 。 
E 既 缠 07| 为 选区 填充 前 景色 ， 并 取消 选区 ， 效 果 如 图 12-19 所 示 。 
选取 工具 箱 中 的 横 排 文 字 工 具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “微软 
雅 黑 ”、“ 字 体 大 小 ”为 12 点 、“ 颜 色 ” 为 黑色 ， 如 图 12-20 所 示 。 
在 图 像 编 辑 窗口 中 输入 相应 文字 ， 如 图 12-21 所 示 。 
按 Cal+T 组 合 键 ， 调 出 变换 控制 框 ,在 变换 工具 的 工具 属性 栏 中 ,设置 “旋转 ” 
为 45 度 ， 调整 文字 的 角度 ， 将 文字 调整 至 合适 位 置 ， 并 按 Enter 键 确认 变换 操作 ， 效 果 如 
和 12-22 所 示 。 
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图 12-17 新 建 图 层 
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图 12-19 填充 前 景色 图 12-20 ”设置 字符 属性 


12-21 输入 相应 文字 图 12-22 ”调整 文字 角度 
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视频 平 
S44 忆 于 寺 面 与 持 避 双全 四 


毁 王 11] 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “方正 
大 黑 简 体 ”、“ 字 体 大 小 ”为 36 点、“ 颜 色 ” 为 白色 ， 输 入 相应 文字 ， 如 图 12-23 所 示 。 

辆 如 12| 双击 “构图 大 法 ”文字 图 层 ， 弹 出 “图 层 样式 ”对 话 框 ， 选 中 “投影 ” 复 选 框 ， 
其 他 参数 设置 如 图 12-24 所 示 。 


12-23 ”输入 相应 文字 12-24 设置 “投影 ”参数 


国 到 13| 单 击 “确定 ”按钮 ， 应 用 “投影 ”图 层 样式 ， 效 果 如 图 12-25 所 示 。 
项 玉 14| 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “微软 
雅 黑 ”、“ 字 体 大 小 ”为 25 点 、“ 颜 色 ” 为 白色 ， 输 入 相应 文字 ， 如 图 12-26 所 示 。 


入 


| 国有 


es 


12-25 ”应 用 “投影 ”图 层 样式 图 12-26 输入 相应 文字 


殴 到 15| 打开 “文字 1.psd” 素 材 图 像 ， 运 用 移动 工具 将 其 拖 忠 至 背景 图 像 编辑 窗口 中 
的 合适 位 置 ， 效 果 如 图 12-27 所 示 。 

区 到 16| 打开 “标志 psd” 素 材 图 像 ， 运 用 移动 工具 将 其 拖 忠 至 背景 图 像 编辑 窗口 中 的 
合适 位 置 ， 效 果 如 图 12-28 所 示 。 
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图 12-27 拖 遇 文字 素材 图 12-28 拖 遇 标志 素材 


12.2， 拌 音 平台 个 人 名 片 设计 


拌 音 ， 是 一 款 可 以 拍摄 短视 频 的 音乐 创意 短视 频 社交 软件 ， 同 时 还 开通 了 直播 功能 ， 因 
此 成 为 很 多 自 媒体 创业 者 的 内 容 运 营 平台 。 抖 音 新 媒体 平台 运营 的 重点 是 对 内 提高 粉丝 的 活 
跃 和 留存 度 ， 对 外 则 获得 传播 和 转化 ， 主 要 是 为 了 获得 新 用 户 和 品牌 塑造 。 

本 实例 主要 介绍 一 张 抖 音 个 人 名 片 的 设计 方法 ， 最 终 效 果 如 图 12-29 所 示 。 


选择 分 享 方式 


图 片 形式 (点 击 预览) 钙 接 形式 
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图 12-29 ”实例 效果 
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12.2.1 ”制作 个 人 名 片 背 景 效果 局 


下 面 介绍 制作 拌 音 个 人 名 片 背景 效果 的 方法 。 , 
葫 到 01] 选择 “文件 ” |“ 新建 ”命令 ， 弹 出 “新 建文 档 ” 对 话 框 ， 设 置 各 项 参数 ， 如 和 2 
图 12-30 所 示 ， 单 击 “ 创 建 ”按钮 ， 新 建 一 个 空白 图 像 。 和 
殴 到 02| 新 建 “ 图 层 1” 图 层 ,， 设置 前 景色 为 绿色 (RGB 参数 值 分 别 为 207、220、 和 4 


40)， 如 图 12-31 所 示 。 


只 有 Web 着 色 


毁 到 03| 为 “图 层 1” 图 层 填充 前 景色 ,如 图 12-32 所 示 。 
辆 台 04| 选取 工具 箱 中 的 矩形 选 框 工具 ， 创 建 一 个 矩形 选区 ， 如 图 12-33 所 示 。 


图 12-32 ”填充 前 景色 图 12-33 ”创建 矩形 选区 


选取 工具 箱 中 的 多 边 形 套 索 工具 ， 在 工具 属性 栏 中 单 击 “ 从 选区 减 去 ” 按 
钮 吧 ， 减 去 相应 的 选区 区 域 ， 如 图 12-34 所 示 。 

新 建 “ 图 层 2” 图 层 ， 设 置 前 景色 为 深 绿色 (RGB 参数 值 分 别 为 0、172、 
167)， 为 选区 填充 颜色 ， 取 消 选区 ， 效 果 如 图 12-35 所 示 。 


1812E ee 
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图 12-34 ” 减 去 选区 区 域 图 12-35 填充 颜色 


史 专家 指点 


选区 具有 灵活 操作 性 ， 可 多 次 对 选区 进行 编辑 操作 ， 以 便 得 到 满意 的 选区 形状 。 


12.2.2 制作 个 人 名 片 主体 效果 局 


下 面 介绍 制作 拌 音 个 人 名 片 主体 效果 的 方法 。 

恕 到 01| 打开 “人 物 jpg” 素 材 图 像 ， 运 用 移动 工具 将 其 拖 电 至 背景 图 像 编辑 窗口 中 的 
合适 位 置 ， 效 果 如 图 12-36 所 示 。 

芝 到 02| 按 Ctrl+T 组 合 键 调 出 变换 控制 框 ， 适 当 调整 图 像 的 大 小 和 位 置 ， 并 按 Enter 键 
确认 ， 效 果 如 图 12-37 所 示 。 
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拖 电 


图 12-36 拖 拐 人 物 素材 图 12-37 调整 图 像 


好 喇 03| 选择 “图 像 ”|“ 调 整 ”|“ 亮 度 / 对比度” 命令 ， 弹 出 “亮度 /对比 度 ” 对 话 框 ， 
设置 “亮度 ”为 6， 单 击 “ 确 定 ”按钮 ， 效 果 如 图 12-38 所 示 。 
国 如 04| 打开 “彩带 psd” 素 材 图 像 ， 运 用 移动 工具 将 其 拖 忠 至 背景 图 像 编辑 窗口 中 的 


频 平台 


视频 
ELS 快手 封面 与 拌 音 名 片 设 计 连 
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合适 位 置 ， 效 果 如 图 12-39 所 示 。 


调整 


图 12-38 ”隐藏 部 分 图 像 效 果 图 12-39 ” 拖 忠 彩带 素材 


区 多 05| 将 “图 层 4 图 层 拖 蝶 至 “图 层 3” 图 层 的 下 方 ,调整 图 层 顺 序 ,效果 如 图 12-40 所 示 。 
恩 到 06| 选取 工具 箱 中 的 矩形 工具 ， 在 工具 属性 栏 中 选择 工具 模式 为 “形状 ”, 设置 “ 填 
充 ” 为 无 、“ 描 边 ”为 黑色 、“ 描 边 宽度 ”为 5 像素 ,绘制 一 个 和 矩形 图 形 ， 如 图 12-41 所 示 。 


图 12-40 调整 图 层 顺序 图 12-41 绘制 矩形 图 形 


戎 到 07| 将 “ 算 形 1” 图 层 栅 格 化 , 选取 工具 箱 中 的 橡皮 擦 工具 , 控 除 右上 角 的 部 分 边框 ， 
效果 如 图 12-42 所 示 。 

区 国 08| 选取 工具 箱 中 的 多 边 形 套 索 工具 ， 在 黑色 矩形 右上 角 创建 一 个 多 边 形 选 区 ， 如 
嫩 12-43 所 示 。 

葬 强 09| 新 建 “ 图 慨 3$” 图 层 ， 设 置 前 景色 为 绿色 (RGB 参数 值 分 别 为 0、172、167)， 
如 图 12-44 所 示 。 

为 选区 填充 前 景色 ,并 取消 选区 ， 效 果 如 图 12-45 所 示 。 

双击 “图 层 5” 图 层 ， 弹 出 “图 层 样式 ”对 话 框 ， 选中“ 投影” 复 选 框 ， 其 他 
参数 设置 如 图 12-46 所 示 。 

单 击 “确定 ”按钮 ， 应 用 “投影 ”图 层 样式 ， 效 果 如 图 12-47 所 示 。 
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只 有 Web 颜色 


图 12-46 设置 “投影 ”参数 图 12-47 ”应 用 “投影 ”图 层 样式 
12.2.3 ”制作 个 人 名 片 文字 效果 DD 


下 面 介绍 制 作 拌 音 个 人 名 片 文字 效果 的 方法 。 
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总 
章 


打开 “装饰 psd” 素 材 图 像 ， 运 用 移动 工具 将 其 拖 电 至 背景 图 像 编辑 窗口 中 的 
合适 位 置 ， 效 果 如 图 12-48 所 示 。 

选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “方正 
大 黑 简 体 ”、“ 字 体 大 小 ”为 14 点 、“ 设 置 行距 ”为 16 点 、“ 颜 色 ” 为 黑色 ,如 图 12-49 所 示 。 


图 12-48 拖 护 装饰 素材 图 12-49 设置 字符 属性 


区 到 03| 在 黑色 边框 内 输入 相应 的 文字 内 容 ， 效 果 如 图 12-50 所 示 。 
加 到 04| 将 文字 图 层 栅 格 化 ， 选 取 工具 箱 中 的 矩形 选 框 工具 ， 在 “ 手 ” 字 上 创建 一 个 选 
区 ， 如 图 12-51 所 示 。 


图 12-50 输入 文字 图 12-51 创建 选区 


E 逐 缠 05| 按 CtrltT 组 合 键 调 出 变换 控制 框 ， 适 当 调 整 文字 部 分 图 像 的 大 小 ， 效 果 如 
图 12-52 所 示 。 


按 CtrltD 组 合 键 ， 取 消 选区 ， 效 果 如 图 12-53 所 示 。 
选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “微软 
简 行 档 ” 、“ 字 体 大 小 ”为 10 点 、“ 颜 色 ” 为 白色 ,输入 相应 文字 ， 效 果 如 图 12-54 所 示 。 
蚁 赔 08| 选择 “编辑 ”|“ 变 换 ”|“ 斜 切 ”命令 ， 调 出 变换 控制 框 ， 适 当 调整 文字 的 形 
状 并 确认 ， 如 图 12-55 所 示 。 


5 人 攻 


> 


调整 


图 12-52 调整 文字 图 像 图 12-53 取消 选 


内 


rr 


构图 大 师 炼 成 术 


图 12-54 输入 文字 图 12-55 ”调整 文字 形状 


虞 双 09] 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 


雅 黑 ”、“ 字 体 大 小 ”为 5 点 、“ 颜 色 ” 为 白色 ， 输 入 相应 文字 


设置 “字体 系列 ”为 “微软 
， 效 果 如 图 12-56 所 示 。 


芝 玉 10] 选择 “编辑 ”| “变换 ”|“ 斜 切 ” 命 令 , 调 出 变换 控制 框 , 适当 调整 文字 的 形状 ， 


效果 如 图 12-57 所 示 。 


图 12-56 输入 文字 图 12-57 ”调整 文字 形状 


逐 浏 11| 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 


bh 设置 “字体 系列 ”为 “微软 


视频 平台 -| 加 | 
<<<<%< 快手 封面 与 拉 音 名 片 设计 区 


雅 黑 ”、“ 字 体 大 小 ”为 5 点 、“ 颜 色 ” 为 黑色 ， 输 入 相应 文字 ， 效 果 如 图 12-58 所 示 。 
尹 到 12| 打开 “文字 2.psd” 素 材 图 像 ， 运 用 移动 工具 将 其 拖 忠 至 背景 图 像 编 辑 窗口 中 
的 合适 位 置 ， 效 果 如 图 12-59 所 示 。 


12-58 输入 文字 图 12-59 拖 电 文字 素材 


答 克 一 一 


| 


除了 图 文 、 短 视频 和 直播 等 内 容 形式 外 ， 如 果 你 的 声音 甜美 ， 或 者 喜欢 语 
音 表达 ， 也 可 以 在 音频 新 媒体 平台 上 创建 一 个 自己 的 电台 节目 ， 用 声音 吸引 粉 
丝 ， 成 为 声优 ， 塑 造 个 人 品牌 。 本 章 主要 介绍 音频 新 媒体 平台 的 界面 设计 。 


本 章 重点 导航 


@ 荔枝 微 课 宣传 页 界面 设计 
@ 喜马拉雅 广播 活动 页 设计 


摄影 与 人 像 200 种 构图 解密 +200 张 作品 剖析 
13 章 摄 影 人 像 专题 讲解 《手机 摄影 构图 大 全 轻松 拍 出 大 片 》 


课程 内 容 
4 第 | 章 Keviom 
4 第 2 章 空间 透视 总 
4 第 3 页 前 最 的 应 用 
4 第 4 章 符 菜 的 应 用 
4 第 5 售 背景 的 几何 


距 到 夜景 ， 

一 样 的 秆 头 ， 你 为 何 拍 不 出 恢 认 
一 样 的 手机 ， 你 为 何不 能 发 现 隐 
大 片 与 普通 作品 之 间 ， 只 差 著 一 
距离 ! 


第 6 人意 性 硬 法 思考 
人 第 7 章 光影 的 位 置 
第 8 高 而 白 的 应 用 
4 第 9 页 色彩 的 震 杞 
人 学)0 章 镜头 的 作 开 
第 11 章 济 茵 的 家 用 
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13.1， 功 枝 微 课 宣传 页 界面 设计 


功 枝 微 课 是 一 个 大 众 知 识 分 享 平台 ， 能 够 提升 用 户 各 项 技能 素养 。 功 枝 微 课 首创 PPT 语 
音 同 步 直 播 ， 老 师 可 以 录制 音频 和 视频 内 容 ， 拥 有 强大 的 流量 支撑 ， 可 以 协助 老师 分 销 课程 。 
本 实例 主要 是 制作 荔枝 微 课 的 课程 页 面 ， 最 终 效果 如 图 13-1 所 示 。 


龙 飞 老师 倾心 打造 深度 好 课 


《摄影 与 人 像 》 
13 章 摄影 人 像 专题 讲解 


龙 飞 老师 倾心 打造 深度 好 课 
《摄影 与 人 像 》 
13 章 摄影 人 像 专题 讲解 


图 13-1 实例 效果 


扫 一 扫 观 看 在 线 视频 : 
荔枝 油 课 宣传 页 设计 


es 
13.1.1 制作 宣传 页 背景 效果 | 


下 面 介绍 制作 荔枝 微 课 宣传 页 背景 效果 的 方法 。 

区 到 01] 按 Cul+0 组 合 键 ， 打 开 一 幅 素材 图 像 ， 如 图 13-2 所 示 。 

区 到 02] 展开 “图 层 ” 面 板 ， 按 CtrlHJ 组 合 键 复制 “背景 ”图 层 ， 得 到 “图 层 1” 图 层 ， 
如 图 13-3 所 示 。 

选择 “图像 ”| "调整 "| “自然 饱和 度 ” 命令, 弹出 “自然 饱和 度 ” 对 话 框 , 设置 “ 自 
然 饱和 度 ” 为 50、“ 饱 和 度 ” 为 13， 单 击 “确定 ”按钮 ， 效 果 如 图 13-4 所 示 。 

按 CtrlHM 组 合 键 ， 弹 出 “曲线 ”对 话 框 ， 在 曲线 上 单 击 鼠 标 左 键 ， 新 建 一 个 
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各 


控制 点 , 在 下 方 设置 “输入 ”为 165、“ 输 出 ”为 145, 单 击 “ 确 定 ” 按 钮 , 效果 如 图 13-5 所 示 。 


ee 


图 13-2 ”打开 素材 图 像 


图 13-4 ”调整 饱和 度 效 果 


选择 “图 像 ”|“ 调 整 ”|“ 亮 度 / 对比度” 命令 ， 弹 出 “亮度 /对比度 ”对 话 框 ， 
设置 “对 比 度 ”为 33， 单 击 “ 确 定 ”按钮 ， 增 强 图 像 的 对 比 度 ， 效 果 如 图 13-6 所 示 。 
选择 “ 滤 镜 ”| “模糊 ”| “ 方 框 模糊 ”命令 ,弹出 “ 方 框 模糊 ”对 话 框 ， 设置 “ 半 


径 ”为 100 像素 ， 单 击 “ 确 定 ” 按 钮 ， 效 果 如 


天。 适 道 。 览 径 


PE vv 四 OoTDHUGB 
正常 v| 丰 肖 明度 : 100% | v 
锁定 : 图 A 中 全 人 填充 : 100% ~ 


© 川 x 


| 得 到 


DG 回合 


图 13-3 得 到 “图 层 1” 图 层 


图 13-5 执行 “曲线 ”调整 效果 


图 13-7 所 示 。 
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图 13-6 ”增强 图 像 的 对 比 度 图 13-7 模糊 图 像 


14? 专家 指点  ) 


应 用 “模糊 ” 滤 镜 ， 可 以 使 图 像 中 清晰 度 或 对 比 度 较 强 烈 的 区 域 ， 产 生 模糊 的 效果 。 


13.1.2 ”制作 宣传 页 主体 效果 o| 


下 面 介绍 制作 荔枝 微 课 的 宣传 页 主体 效果 的 方法 。 


葬 嫌 01| 选取 工具 箱 中 的 圆 角 矩形 工具 ， 在 工具 属性 栏 中 设置 “填充 ”为 白色 (RGB 参 
数值 均 为 255)、“ 描 边 ” 为 无 、“ 半 径 ” 为 25 像素 ， 在 图 像 编辑 窗口 中 绘制 一 个 圆 角 矩形 ， 
如 图 13-8 所 示 。 

区 国 02| 展开 “图 层 ” 面 板 ， 栅 格 化 “ 圆 角 和 矩形 1” 图 层 ， 并 设置 “不 透明 度 ”为 
60%， 效 果 如 图 13-9 所 示 。 

项 国 03| 选取 工具 箱 中 的 椭圆 选 框 工具 ， 在 图 像 编辑 窗口 中 绘制 一 个 正 圆 选 框 ， 如 
了 13-10 所 示 。 

区 国 04| 按 Delete 键 ,， 删除 选区 内 的 图 像 , 单 击 椭圆 工具 属性 栏 中 的 “新 选区 ”日 按 钮 ， 
将 选区 移动 至 合适 位 置 ， 如 图 13-11 所 示 。 

按 Delete 键 ， 删 除 选 区 内 的 图 像 ， 并 取消 选区 ， 效 果 如 图 13-12 所 示 。 

于 06| 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “方正 
细 黑 一 简体 ”、“ 字 体 大 小 ”为 10 点 、“ 颜 色 ” 为 灰色 (RGB 参数 值 均 为 93)， 激 活 仿 粗 体 


音频 平台 


下 [| ~ 
<<<<< 功 枝 宣传 页 与 喜马拉雅 课程 页 设计 占 


图 标 ， 如 图 13-13 所 示 。 


绘制 
13-8 绘制 贺 角 矩形 13-9 设置 不 透明 度 效果 


图 13-10 ”绘制 正 圆 选 框 图 13-11 移动 选区 
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Cr 
字符 ”名车 去 
iE 细 轴 -条 休 |v |- |v | 
| 区 an 点 >| 作 的 > 
IVAlo v 四 。 v | 
1Tloo% TL |100% | 
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fi et AadlIr i1st 区 


美国 英语 县 v 
13-12 ”取消 选区 13-13 ”设置 各 参数 
专家 指点 ») 


选区 具有 灵活 操作 性 ， 可 多 次 对 选区 进行 编辑 操作 ， 以 便 得 到 满意 的 选区 形状 。 用 
户 在 创建 选区 时 ， 可 以 对 选区 进行 多 项 修改 ， 如 移动 选区 、 取 消 选区 、 重 选 选区 、 储 存 
选区 以 及 载 入 选区 等 。 

移动 选区 可 以 使 用 工具 箱 中 的 任何 一 种 选 框 工具 , 是 图 像 处 理 中 最 常用 的 操作 方法 。 
适当 地 对 选区 的 位 置 进行 调整 ， 可 以 使 图 像 更 符合 设计 的 要 求 。 用 户 在 编辑 图 像 时 ， 可 
以 取消 不 需要 的 选区 ， 在 Photoshop 中 ， 当 用 户 取消 选区 后 ， 还 可 以 利用 “重新 选择 ” 命 
令 ， 重 选 上 次 放弃 的 选区 ， 灵 活 运用 “ 重 选 选区 ”命令 ， 能 够 大 大 提高 工作 的 效率 。 在 
创建 选区 后 ， 为 了 防止 错误 操作 而 造成 选区 去 失 ， 用 户 可 以 先 将 该 选区 保存 。 


辆 台 07| 在 图 像 编辑 窗口 中 输入 文字 ， 移 至 合适 位 置 ， 效 果 如 图 13-14 所 示 。 

区 到 08] 选取 工具 箱 中 的 矩形 工具 ， 在 工具 属性 栏 中 设置 “填充 ”为 白色 、“ 描 边 ”为 
无 ， 在 图 像 编辑 窗口 中 的 适当 位 置 绘制 一 个 矩形 图 形 ， 如 图 13-15 所 示 。 

恕 到 09] 选取 多 边 形 套 索 工具 ， 在 适当 位 置 绘制 一 个 三 角形 选区 ， 如 图 13-16 所 示 。 

辆 如 10| 新 建 “ 图 层 2” 图 层 , 设置 前 景色 为 灰色 (RGB 参数 值 均 为 176)， 为 选区 填充 
前 景色 并 取消 选区 ， 如 图 13-17 所 示 。 

辆 可 11 复制 “图 层 2” 图 层 , 得 到 “图 层 2 拷贝 " 图 层 , 水 平 翻转 图 像 , 并 移 至 合适 位 置 ， 
效果 如 图 13-18 所 示 。 

殴 列 12] 选取 工具 箱 中 的 横 排 文字 工具 , 在 “字符 ”面板 中 设置 “字体 系列 ”为 “方正 一 
粗 宋 简体 ”、“ 字 体 大 小 ”为 18 点 、“ 行 距 ” 为 26 点 、“ 设 置 所 选 字符 的 字 距 调整 ”为 -50、 
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“颜色 ”为 蓝 色 (RGB 参数 值 分 别 为 44、156、211)， 激 活 仿 粗 体 图 标 ， 在 图 像 编 辑 窗口 中 输 
入 文字 ， 如 图 13-19 所 示 。 


龙 飞 老 师 倾心 打造 深 诬 好 课 


图 13-14 输入 文字 图 13-15 “绘制 矩形 


龙 飞 老师 


图 13-16 绘制 三 角形 选区 图 13-17 ”填充 前 景色 


SA 
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龙 飞 老 岳 候 心 打造 深度 好 课 龙 飞 者 时候 心 打造 洒 度 好 课 


《摄影 与 人 像 》< | 
13 章 摄影 人 像 


图 13-18 移动 图 像 图 13-19 输入 文字 


辆 嫌 13| 打开 “课程 主体 psd” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 拖 忠 至 背景 图 像 编 
辑 窗口 中 ， 适 当 调 整 图 像 的 位 置 ， 效 果 如 图 13-20 所 示 。 

区 玉 14| 打开 “标志 .psd” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 拖 电 至 背景 图 像 编 辑 窗 
口中 ， 适 当 调整 图 像 的 位 置 ， 效 果 如 图 13-21 所 示 。 


四 
刀 飞 老师 全 心 打造 深度 好 于 十 二 信心 打 并 和 于。 
《摄影 与 人 像 》 《摄影 与 人 像 》 
13 章 摄影 人 像 专题 讲解 13 章 摄影 人 像 专题 潮解 


13-20 ” 拖 昌 课程 主体 素材 13-21 ， 拖 电 标 志 素 材 
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专家 指点 )) 

Photoshop 不 仅 可 以 支持 多 种 图 像 的 文件 格式 ， 还 可 以 同时 打开 多 个 图 像 文件 。 若 要 
在 Photoshop 中 编辑 一 个 图 像 文件 ， 首 先 需要 将 其 打开 。 选 择 “ 文 件 ”|“ 打 开 ” 命 令 ， 
弹出 “打开 ”对 话 框 ， 选 择 相应 的 素材 图 像 ， 单 击 “确定 ”按钮 ， 即 可 打开 素材 图 像 。 


13.2 ”喜马拉雅 广播 活动 页 设计 


喜马拉雅 FM 是 国内 音频 分 享 平台 ， 除 了 拥有 海量 的 节目 音频 之 外 ， 还 是 音频 创作 者 最 
集中 、 最 活跃 的 平台 。 本 实例 主要 介绍 喜马拉雅 EM 平台 中 的 一 个 与 图 书 推广 相关 的 广播 活 


动 页 设计 ， 最 终 效 果 如 图 13-22 所 示 。 


《 喜马拉雅 FM ”i 


动态 (9) 


[E23 


声音 非常 好 


主讲 人 *， 龙 飞 
开 名 时间: 9 月 5B zo.00 


图 13-22 ”实例 效果 


扫 一 扫 观 看 在 线 视频 : 
喜马拉雅 活动 广播 页 设计 


13.2.1_ 制 作 广播 活动 页 背景 效果 
下 面 介绍 制作 广播 活动 页 背景 效果 的 方法 。 


按 Ctrl+O 组 合 键 ， 打 开 一 幅 素材 图 像 ， 如 图 13-23 所 示 。 
展开 “图 层 ”面板 ， 按 CtrltJ 组 合 键 复制 “背景 ”图 层 ， 得 到 “图 层 1” 图 层 ， 


新 媒体 美工 ~ 一 一 一 es 


设置 图 层 的 混合 模式 为 “又 加 ”， 效 果 如 图 13-24 所 示 。 


图 13-23 打开 素材 图 像 图 13-24 得 到 “图 层 1” 图 层 


希 到 03] 选择 “窗口 ”| “调整 ” 命令, 展开“ 调整” 面板 , 单 击 “ 色 彩 平衡 ” 按钮 , 新 建 “ 色 
彩 平衡 1” 调 整 图 层 ， 如 图 13-25 所 示 。 
辆 如 04| 在 展开 的 “属性 ”面板 中 设置 各 参数 值 分 别 为 256、-10、+12， 如 图 13-26 所 示 。 


图 层 ”通道 ” 响 色 至 尾 性 二 
Pa ~“ 四 OOTDDO 。 9 加 色彩 平衡 
正常 v | 不通 明度: 100% | ~ 包月: | 中 间 疯 
忽 证 : 田 A 中 村 自 填充 : 100% ~ we | 
人 | 
© i Ea 二 
Ue | 
© 国 背景 拷贝 着 | 本 HW 
| ® | 
四 bh 0 | _ 回 保守 明度 网 
设置 
5 克 Q GD 和 饭 司 会 浊 @ 吕 名 个 
图 13-25 新 建 调整 图 层 图 13-26 设置 各 参数 
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_ 4 专家 措 点 1) 


“色彩 平衡 ”命令 主要 通过 对 处 于 高 光 、 中 间 调 及 阴影 区 域 中 的 指定 颜色 进行 增加 
或 减少 ， 来 改变 图 像 的 整体 色调 。 
@ 色彩 平衡 : 分 别 显示 了 “青色 与 红色 ”“ 洋 红 与 绿色 ”“ 黄 色 与 蓝 色 ”这 3 对 互 
补 的 颜色 ， 每 一 对 颜色 中 间 的 滑 块 可 以 控制 各 主要 色彩 的 增 减 。 
@ 色调 : 可 以 选择 性 地 调整 图 像 颜 色 的 阴影 、 中 间 调 和 高 光 区 域 。 
@ 保持 明度 : 选中 该 复 选 框 ， 图 像 像素 的 亮度 值 不 变 ， 只 有 颜色 值 发 生变 化 。 
芝 玉 05| 执行 操作 后 ， 此 时 图 像 编辑 窗口 中 的 效果 随 之 变化 ， 如 图 13-27 所 示 。 
芝 王 06| 在 “调整 ”面板 单 击 “ 自 然 饮 和 度 ”按钮 ， 新 建 “自然 饱和 度 1” 调 整 图 层 ， 
在 展开 的 “属性 ”面板 中 设置 “自然 饱和 度 ” 为 62， 效 果 如 图 13-28 所 示 。 


图 13-27 调整 后 的 图 像 效 果 13-28 ”调整 饱和 度 效果 


国治 07| 按 Shift+Cult+AltE 组 合 键 , 盖 印 可 见 图 层 ,得 到 “图 层 2" 图 层 ,选择 * 滤 镜 "|“ 模 
糊 画 廊 ”|“ 光 围 模糊 ”命令 ， 进 入 编辑 界面 ， 调 整 光 围 的 大 小 与 位 置 ， 如 图 13-29 所 示 。 
恕 到 08 单 击 “确定 ”按钮 ， 应 用 “光圈 模糊 ” 滤 镜 ， 效 果 如 图 13-30 所 示 。 


_ 47 专家 指点  ) 


光 轩 模糊， 顾名思义 就 是 用 类 似 相机 的 镜头 来 对 焦 ， 焦 点 周围 的 图 像 会 相应 地 
模糊 。 


光一 


ee 有 
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13-29 调整 光圈 的 大 小 与 位 置 图 13-30 图 像 模糊 效果 
13.2.2 ”制作 广播 活动 页 文字 效果 局 


下 面 介绍 制作 广播 活动 页 文字 效果 的 方法 。 

毁 到 01] 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “方正 
大 黑 简体 ”、“ 字 体 大 小 ”为 18 点 .、“ 设 置 所 选 字符 的 字 距 调整 ”为 -75、“ 颜 色 ” 为 黑色 (RGB 
参数 值 均 为 0)， 激 活 仿 粗 体 图 标 ， 如 图 13-31 所 示 。 

殴 汪 02] 在 图 像 编辑 窗口 中 输入 文字 ， 移 至 合适 位 置 ， 效 果 如 图 13-32 所 示 。 


字符 自 洁 
| 方 下 大 时 简体 “| “| | - |、 -|| 站 
| | 
| 如 ls 点 ~ 挫 自动 | 
KAD AEE | 
| | 
Taooy 工 [100% | 
io | 
TITTTTTISE | 

和 co ABTl) 

i 
7 | 设置 
图 13-31 设置 各 选项 图 13-32 输入 文字 
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复制 刚刚 输入 的 文字 ， 并 将 其 移动 至 合适 位 置 ， 在 “字符 ”面板 中 ， 设置“ 字 
体系 列 ” 为 “Adobe 黑体 Std”、“ 设 置 所 选 字 符 的 字 距 调整 ”为 -50， 颜 色 为 黑色 ,运用 横 
排 文字 工具 修改 文本 内 容 ， 效 果 如 图 13-33 所 示 。 

毁 到 04] 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “方正 
粗 倩 简体 ”、“ 字 体 大 小 ”为 13 点 、“ 颜 色 ” 为 白色 (RGB 参数 值 均 为 255)， 在 图 像 编辑 窗 
口中 输入 文字 ， 效 果 如 图 13-34 所 示 。 


主讲 入 : 龙 飞 
开课 时 间 : 9 有 有 6B 0:00 
本 


输 


图 13-33 ”修改 文本 内 容 13-34 输入 文字 


鲁 到 05] 选择 相应 文字 图 层 ， 在 缩 览 图 中 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 选择 “ 混 
合 选项 ”命令 ， 如 图 13-35 所 示 。 

恕 到 06| 打开 “图 层 样式 ”对 话 框 ， 选 中 “ 描 边 ” 复 选 框 ， 设 置 “ 大 小 ”为 5 像素 、“ 颜 
色 ” 为 黄色 (RGB 参数 值 分 别 为 241、226、47)， 如 图 13-36 所 示 。 

葬 台 07| 单 击 “ 确 定 ”按钮 ， 即 可 为 文字 添加 “ 描 边 ”图 层 样式 ， 效 果 如 图 13-37 所 示 。 

苞 到 08| 在 “字符 ”面板 中 设置 “字体 系列 ” 为 “方正 粗 倩 简体 ”、“ 字 体 大 小 ”为 15 点、 
“颜色 ”为 白色 (RGB 参数 值 均 为 255), 并 激活 仿 粗 体 图 标 , 在 图 像 编辑 窗口 中 输入 相应 字符 ， 


打开 “文字 psd” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 拖 电 至 背景 图 像 编辑 窗 
口中 ， 适 当 调 整 图 像 的 位 置 ， 效 果 如 图 13-39 所 示 。 
打开 “标志 .psd” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 拖 电 至 背景 图 像 编 辑 窗 
整 


口中 ， 适 当 调 整 图 像 的 位 置 ， 效 果 如 图 13-40 所 示 。 


区 一 


ee 
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总 一 上 
二 | xu = 而 
二 | 如 井 | Er 
和 a | 
E03 回 | [ | 

aE 回 | ma 本 

这 | 下 | 
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二 el 设置 
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图 13-35 选择 “混合 选项 ”命令 图 13-36 ”设置 参数 


主轴 入: 龙 玉 主 包 人: 第 飞 
开课 时 间 着 = 全 村 HEMI, a5H e000 


图 13-37 ”添加 图 层 样式 13-38 ”输入 字符 


主 踢 和 人: 廊下 主星 人 : 龙 悦 
开 如 时 间 ， 9 月 5 日 =zo<00 开 如 时 间 : 9B5B z0.00 


13-39“ 拖 自 文 字 素 材 13-40 拖 奥 标志 素材 
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如 今 ， 新 媒体 平台 已 经 不 能 满足 互联 网 内 容 的 需求 ， 很 多 独特 的 内 容 创 业 
者 开始 寻找 新 的 渠道 来 展示 内 容 ， 其 中 视频 直播 平台 被 他 们 看 中 ， 成 为 火热 的 
内 容 平 台 。 视 频 可 以 让 内 容 立 体 化 呈现 ， 拥 有 比 文字 、 图 片 等 内 容 形 式 更 强 的 
吸引 力 。 本 章 主要 介绍 视频 直播 类 的 新 媒体 视觉 设计 方法 。 


本 章 重 点 导航 


@ YY 主播 横幅 推广 设计 
@ 虎牙 游戏 直播 页 面 设计 


内 容 : 陀螺 仪 怎 么 压 枪 ? 陀螺 仪 压 枪 技巧 


粉丝 群 : XxXXxxxx 直播 通知 群 : XxXxXxXx 
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14.1 YY 主播 横幅 推广 设计 


从 YY 开始 直播 至 今 ， 直 播 市 场 已 经 经 历 了 7 年 多 的 发 展 历程 ， 尤 其 是 2013 年 的 游戏 直 
播 兴起 ， 互 联网 上 涌现 了 一 大 批 直播 平台 。 如 今 ， 直 播 行业 进入 了 发 展 的 高 峰 期 ， 同 时 直播 
主播 类 人 物 他 也 正式 形成 了 一 套 完善 的 输出 产业 链 ， 当然 这 其 中 也 少不了 视觉 的 包装 。 例如， 
本 实例 介绍 的 就 是 一 个 YY 直播 平台 的 主播 顶部 横幅 广告 设计 。 

本 实例 最 终 效果 如 图 14-1 所 示 。 


14-1 实例 效果 


扫 一 扫 观 看 在 线 视 频 : 


YY 主播 横幅 设计 
14.1.1_ 制 作 横幅 广告 主体 效果 避 


下 面 详细 介绍 制作 YY 主播 横幅 广告 主体 效果 的 方法 。 

毁 到 01| 按 Ctrl+O 组 合 键 ， 打开“ 背景 jpg” 素材 图 像 ， 如 图 14-2 所 示 。 

戎 到 02| 按 CultO 组 合 键 ， 打 开 “ 主 播 psd” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 拖 
虑 至 背景 图 像 编辑 窗口 中 ， 适 当 调 整 图 像 的 位 置 ， 效 果 如 图 14-3 所 示 。 


一 Ss > 一 一 一 一 2 se ee 


图 14-2 打开 背景 素材 图 14-3 拖 上 中 人 物 素材 
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移动 图 像 至 合适 位 置 ， 适 当 放大 图 像 ， 效 果 如 图 14-4 所 示 。 
毁 王 04| 按 Cel+O 组 合 键 , 打开 “兔子 耳 条 psd” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 
像 拖 虑 至 背景 图 像 编 辑 窗口 中 ， 适 当 调整 图 像 的 位 置 ， 效 果 如 图 14-5 所 示 。 


用 户 在 Photoshop 中 处 理 图 像 时 ， 为 了 充分 利用 编辑 窗口 的 空间 ， 就 必须 要 调整 面板 
的 大 小 。 在 Photoshop 中 编辑 图 像 时 ， 用 户 可 以 根据 个 人 的 习惯 随意 移动 面板 ， 或 者 调整 
面板 的 大 小 。 


} se 
图 14-4 调整 图 像 大 小 和 位 置 图 14-5 “ 拖 和 装饰 素材 


14.1.2 制作 横幅 广告 文字 效果 局 


下 面 详细 介绍 制作 YY 主播 横幅 广告 文字 效果 的 方法 。 

辆 弹 01| 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “方正 
综艺 简体 ”、“ 字 体 大 小 ” 为 98 点 、“ 设 置 所 选 字符 的 字 距 调整 ” 为 200、“ 颜 色 ” 为 棕色 (RGB 
参数 值 分 别 为 202、121、0)， 在 图 像 编 辑 窗口 中 输入 主体 文字 ， 如 图 14-6 所 示 。 

辆 弹 02| 选择 “图 层 ”|“ 图 层 样式 ”|“ 描 边 ”命令 , 弹出 “图 层 样式 ”对 话 框 , 设置 “大 
小 ”为 5 像素 、“ 颜 色 ” 为 白色 (RGB 参数 值 均 为 255)， 如 图 14-7 所 示 。 


专家 指点 ) 
“图 层 样式 ”可 以 为 当前 图 层 添 加 特殊 效果 ,如 投影 、 内 阴影 、 外 发 光 以 及 浮雕 等 样式 ， 
在 不 同 的 图 层 中 应 用 不 同 的 图 层 样式 ， 可 以 使 整 幅 图 像 更 加 富有 真实 感 和 突出 性 。 
殴 王 03| 选中 “投影 ” 复 选 框 ， 设 置 “不 透明 度 ”为 66%、“ 角 度 ” 为 90 度 、“ 距 离 ” 
为 6 像素 、“ 扩 展 ”为 43%、“ 大 小 ”为 8 像素 ， 如 图 14-8 所 示 。 
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新 媒体 美工 一 一 一 


pos 


单 击 “ 确 定 ” 按 钮 ， 即 可 为 文字 添加 图 层 样 式 ， 效 果 如 图 14-9 所 示 。 
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图 14-8 设置 “投影 ”图 层 样式 图 14-9 添加 图 层 样式 效果 
恕 到 05| 按 住 Ctrl 键 的 同时 单 击 文字 图 层 的 图 层 缩 览 图 ， 载 入 选区 ， 如 图 14-10 所 示 。 
苞 到 06] 选择 “选择 ” |“ 修改”| “扩展” 命令 , 弹出 “扩展 选区 ”对 话 框 , 设置 “扩展 量 ” 
为 12 像素 ， 单 击 “确定 ”按钮 ， 即 可 扩展 选区 ， 如 图 14-11 所 示 。 


图 14-10 载 入 选区 


14-11 扩展 选区 


国 玉 07| 设置 前 景色 为 深 青色 (RGB 参数 值 分 别 为 7、175、188)， 新 建 一 个 图 层 ， 并 为 
选区 填充 前 景色 ， 如 图 14-12 所 示 。 
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辆 到 08| 按 Crl+D 组 合 键 ， 取 消 选区 ， 将 图 层 调整 至 文字 图 层 下 方 ， 并 适当 调整 图 像 
的 位 置 ， 效 果 如 图 14-13 所 示 。 


图 14-12 填充 前 景色 图 14-13 ”调整 图 层 顺序 


辆 强 09| 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “方正 
卡通 简体 ”、“ 字 体 大 小 ”为 72 点 、“ 设 置 所 选 字符 的 字 距 调整 ”为 200、“ 颜 色 ” 为 淡 黄 
色 (RGB 参数 值 分 别 为 239、255、167)， 在 图 像 编辑 窗口 中 输入 文字 ， 如 图 14-14 所 示 。 

苞 王 10] 单 击 “ 图 层 ” 面板 底部 的 “添加 图 层 样 式 ”按钮 ,在 弹出 的 快捷 菜单 中 选择 “ 投 
影 ”选项 ， 弹 出 “图 层 样式 ”对 话 框 ,设置 “不 透明 度 ” 为 75%、“ 角 度 ” 为 90 度 、“ 距 离 ” 
为 4 像素 、“ 大 小 ”为 4 像素 ， 如 图 14-15 所 示 。 


2.L0O0SPLAY,. 


图 14-14 输入 文字 14-15 设置 “投影 ”参数 


点 玉 11] 选中 “ 描 边 ” 复 选 框 , 设置 “大 小 ”为 2 像素 、“ 颜 色 ” 为 棕色 (RGB 参数 值 
分 别 为 100、49、0)， 单 击 “ 确 定 ” 按 钮 ， 即 可 为 文字 添加 图 层 样 式 ， 如 图 14-16 所 示 。 

攻 可 12 复制 刚刚 输入 的 文字 , 将 其 移动 至 合适 位 置 , 运用 横 排 文 字 工 具 修改 文本 内 容 ， 
效果 如 图 14-17 所 示 。 


通过 复制 与 粘贴 图 层 样式 ， 可 以 减少 重复 操作 。 在 操作 时 ， 首 先 选 择 包含 要 复制 的 
图 层 样式 的 源 图 层 ， 在 该 图 层 的 图 层 名 称 上 单 击 鼠标 右键 ， 在 弹出 的 快捷 莱 音 中 选择 “ 找 
贝 图 层 样式 ”选项 ， 即 可 拷贝 图 层 样式 。 
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图 14-16 添加 图 层 样式 效果 图 14-17 修改 文本 内 容 


14.2 ”虎牙 游戏 直播 页 面 设计 


在 制作 游戏 直播 间 时 ， 先 运用 图 层 样式 制作 出 紫色 立体 的 边框 ， 再 用 椭圆 工具 绘制 出 多 
个 圆 形 ， 拖 入 头像 与 装饰 素材 ， 最 后 添加 适当 说 明 性 文字 ， 即 可 完成 设计 。 
本 实例 最 终 效 果 如 图 14-18 所 示 。 


14-18 ”实例 效果 


扫 一 扫 观 看 在 线 视频 : 


虎牙 游戏 直播 界面 设计 
14.2.1_ 制 作 游 戏 直 播 页 面 主体 效果 | 


下 面 详细 介绍 制作 游戏 直播 间 主 体 的 方法 。 
国 到 01] 选择 “文件 ”| “新建 ”命令 ， 弹 出 “新 建文 档 ”对 话 框 ， 设 置 “名 称 ”为 “ 游 
戏 直播 间 ”、“ 宽 度 ” 为 1920 像素 、“ 高 度 ”为 1080 像素 . “分辨 率 ”为 300 像素 /英寸 、“ 颜 
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色 模式 ”为 “RGB 颜色 ”、“ 背 景 内 容 ” 为 “白色 ”， 如 图 14-19 所 示 ， 单 击 “ 创 建 ”按钮 ， 
新 建 一 个 空白 图 像 。 

芝 鲍 02| 在 “图 层 ” 面 板 中 新 建 “ 图 层 1” 图 层 ， 并 为 图 层 填充 深蓝 色 (RGB 参数 值 分 
别 为 56、105、160)， 效 果 如 图 14-20 所 示 。 


四 向 他 用 顺 Paw LL i web 和 隘 片 科大 
| 
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= EL | 六 

a | OE | 

% 和 | Eg | 

ee (ea .|p 

ee er | 

X 加 六 攻 

本 加 单 击 ED3 Ca) 

图 14-19 新 建 空 白文 档 图 14-20 填充 深蓝 色 


如 王 03] 选取 工具 箱 中 的 圆 角 矩 形 工 具 ， 在 工具 属性 栏 中 设置 “选择 工具 模式 ”为 “ 形 
状 ”、“ 填 充 ” 为 无 、“ 描 边 ” 为 黄色 (RGB 参数 值 分 别 为 255、200、59)、“ 描 边 宽度 ”为 
12 像素 、“ 半 径 ”为 20 像素 ， 在 图 像 编辑 窗口 中 绘制 一 个 圆 角 矩形 图 形 ， 如 图 14-21 所 示 。 

毁 到 04| 双击 “ 圆 角 矩 形 1” 图 层 ， 弹 出 “图 层 样式 ”对 话 框 ， 选 中 “投影 ” 复 选 框 ， 
设置 “不 透明 度 ”为 75%、“ 和 角度 ”为 90 度 、“ 距 离 ” 为 3 像素 、“ 扩 展 ”为 20%、“ 大 小 ” 
为 10 像素 ， 单 击 “确定 ”按钮 ， 即 可 添加 投影 图 层 样式 ， 如 图 14-22 所 示 。 


当 用 户 只 需要 复制 原 图 像 中 的 某 个 图 层 样 式 时 ， 可 以 在 “图 层 ” 面 板 中 按 住 Alt 键 的 
同时 ， 单 击 鼠 标 左 键 并 拖 慢 这 个 图 层 样 式 至 目标 图 层 中 即 可 。 


图 14-21 绘制 圆 角 和 矩 形 图 14-22 ”添加 投影 图 层 样式 
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当 用 户 只 需要 复制 原 图 像 中 的 某 个 图 层 样式 时 ， 可 以 在 “图 层 ”面板 中 按 住 Alt 键 的 
同时 ， 单 击 筷 标 左 键 并 抱 奥 这 个 图 层 样 式 至 目标 图 层 中 即 可 。 

项 到 05] 按 CultO 组 合 键 ， 打 开 “ 游 戏 界面 jpg” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 
像 拖 电 至 背景 图 像 编 辑 窗口 中 ， 适 当 调 整 图 像 的 位 置 ， 效 果 如 图 14-23 所 示 。 

攻 弹 06| 选择 “图 像 "| “调整 "|* 自 然 饮 和 度 ” 命令 , 弹出 “自然 也 和 度 ” 对 话 框 , 设置 “ 自 
然 饱和 度 ” 为 39、“ 饱 和 度 ” 为 10， 单 击 “ 确 定 ”按钮 ， 增 加 画面 的 色彩 饱和 度 ， 效 果 如 
14-24 所 示 。 


14-23 ” 拖 电 游 戏 界面 素材 图 14-24 ”图像 效果 


14.2.2 制作 游戏 直播 页 面 细节 效果 o| 


下 面 详细 介绍 制作 游戏 直播 间 细节 效果 的 方法 。 

苞 到 01| 选取 工具 箱 中 的 椭圆 工具 ， 在 工具 属性 栏 中 设置 “填充 ”为 深蓝 色 (RGB 参数 
值 分 别 为 80、4、173)、“ 描 边 ”为 无 , 在 图 像 编 辑 窗口 中 绘制 一 个 椭圆 形状 , 如 图 14-25 所 示 。 

辆 嫌 02| 复制 “椭圆 1” 图 层 ， 得 到 “椭圆 1 拷贝 ”图 层 ， 按 Ctrl+T 组合 键 ， 调 出 变换 
控制 框 ， 按 住 Shift+Alt 组 合 键 的 同时 拖 中 控制 框 四 周 的 控制 柄 ， 从 中 心 等 比例 缩小 图 像 ， 如 
图 14-26 所 示 。 


图 14-25 ”绘制 椭圆 选 框 图 14-26 从 中 心 等 比例 缩小 图 像 


葬 于 03| 按 Enter 键 确认 变换 ， 展 开 “ 属 性 ”面板 ,设置 “填充 ”为 紫色 (RGB 参数 值 
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分 别 为 107、23、225)， 效 果 如 图 14-27 所 示 。 
毁 王 04| 按 Cal+O 组 合 键 ， 打 开 “ 主 播 头像 psd” 素 材 图 像 ， 运 用 移动 工具 将 其 拖 电 
至 背景 图 像 编辑 窗口 中 ， 适 当 调 整 图 像 的 大 小 与 位 置 ， 效 果 如 图 14-28 所 示 。 


14-27 设置 “填充 ”颜色 14-28 ” 拖 忠 主播 头像 素材 


毁 末 05] 选取 工具 箱 中 的 横 排 文字 工具 ,在 “字符 ”面板 中 设置 “字体 系列 ”为 “Adobe 
黑体 Std”、“ 字 体 大 小 ”为 14 点 、“ 颜 色 ” 为 玫 红 色 (RGB 参数 值 分 别 为 231、39、241)， 
选中 “椭圆 1 拷贝 ”图 层 ， 图 像 中 会 显示 “椭圆 1 拷贝 ”的 路 径 ， 在 合适 位 置 单 击 鼠标 左 键 ， 
确定 插入 点 。 输 入 相应 文字 ， 并 按 Ctrl+Enter 组 合 键 确认 输入 ， 如 图 14-29 所 示 。 

上 芭 到 06] 双击 文字 图 层 ,弹出 “图 层 样式 ”对 话 框 ， 选 中 “ 描 边 ” 复 选 框 ,设置 “大 小 ” 
为 5 像素、“ 颜 色 ” 为 白色 (RGB 参数 值 均 为 255)， 如 图 14-30 所 示 。 


EE ee 一 
2 | 
| 
加 选中 | a 转 
学 四 四 设置 ea 
图 14-29 输入 文字 图 14-30 设置 “ 描 边 ” 参数 


路 径 是 Photoshop 中 的 强大 功能 之 一 ， 它 是 基于 贝 塞 尔 曲 线 建立 的 矢量 图 形 ， 所 有 使 
用 矢量 绘图 软件 或 矢量 绘图 制作 的 线条 ， 原 则 上 都 可 以 称 为 路 径 。 路 径 是 通过 钢笔 工具 
或 形状 工具 创建 出 的 直线 和 曲线 ， 因 此， 无 论 路 径 缩 小 或 放大 部 不 会 影响 其 分 状 率 ， 保 

椭圆 工具 |@, 可 以 绘制 椭圆 或 园 形 图 形 ， 其 使 用 方法 与 矩 形 工具 的 操作 方法 相同 ， 只 
是 绘制 的 形状 不 同 。 
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2P 专家 指点 222 


在 Photoshop 中 ， 文 字 具 有 极为 特殊 的 属性 ， 当 用 户 输入 相应 文字 后 ， 文 字 表现 为 一 
个 文字 图 层 ， 文 字 图 层 具 有 与 普通 图 层 不 一 样 的 可 操作 性 。 例 如 ， 在 文字 图 层 中 无 法 使 
用 画笔 工具 、 铅 笔 工 具 、 渐 变 工具 等 工具 ,只 能 对 文字 进行 变换 、 改 变 颜色 等 有 限 的 操作 ， 
当 用 户 对 文字 图 层 使 用 上 述 工 具 操 作 时 ， 则 需要 将 文字 栅 格 化 。 


项 到 07] 选中 “和 斜面 和 浮雕 ” 复 选 框 ， 保 持 默 认 设置 即 可 ， 单 击 “ 确 定 ” 按 钮 ， 为 文字 
添加 相应 图 层 样式 ， 效 果 如 图 14-31 所 示 。 

奴 到 08] 按 CtultO 组 合 键 ， 打 开 “ 文 字 psd” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 拖 
忠 至 背景 图 像 编辑 窗口 中 ， 适 当 调 整 图 像 的 位 置 ， 效 果 如 图 14-32 所 示 。 


图 14-31 添加 相应 图 层 样式 图 14-32 ” 拖 虫 文字 素材 
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随 着 新 媒体 和 内 容 营销 的 迅速 崛起 ， 如 何在 电 商 运营 中 利用 视觉 营销 提高 
品牌 、 店 铺 和 产品 的 知名 度 并 创造 利润 ? 这 个 问题 是 淘宝 、 天 猫 运营 者 关注 的 
重点 ， 也 是 难点 。 本 章 主要 介绍 电 商 平台 的 新 媒体 美工 设计 案例 。 


本 章 重 点 导 jn 


@ 美 妆 网 店 海报 设计 
@ 厨具 网 店 详情 页 设计 
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zz 完全 操作 手册 
15.1 美 妆 网 店 海报 设计 


本 案例 是 为 美 妆 网 店 设计 的 首页 欢迎 模块 。 在 画面 的 配色 中 借鉴 商品 的 色彩 ， 并 通过 大 
小 和 外 形 不 同 的 文字 来 表现 店铺 的 主题 内 容 ， 使 用 同一 色 系 的 颜色 来 提升 画面 的 品质 ， 能 够 
使 设计 的 整体 效果 更 加 协调 统一 。 

本 实例 最 终 效果 如 图 15-1 所 示 。 


宝贝 分 类 领 全 币 BS 
图 15-1 实例 效果 
扫 一 扫 观 看 在 线 视频 : 
美 妆 网 店 海报 设计 
15.1.1 制作 纯色 渐变 效果 OD 


下 面 介绍 制作 美 妆 网 店 首页 纯色 渐变 背景 效果 的 方法 。 

葬 如 01| 选择 “文件 ” |“ 新建” 命令 ,弹出 “新 建文 档 ” 对 话 框 , 设置 “名 称 ” 为 “ 美 
妆 网 店 海报 设计 ”、“ 宽 度 ”为 800 像素 、“ 高 度 ” 为 500 像 素 、“ 分 辨 率 ” 为 300 像 素 / 英 寸 “ 颜 
色 模 式 ” 为 “RGB 颜色 ”、“ 背 景 内 容 ” 为 “白色 ”， 如 图 15-2 所 示 ， 单 击 “ 创 建 ”按钮 ， 
新 建 一 个 空白 图 像 。 

葬 赔 02| 选取 工具 箱 中 的 渐变 工具 ， 设 置 渐变 色 为 红色 到 白色 ,设置 0% 位 置 为 红色 
(RGB 参数 值 分 别 为 247、36、67)、100% 位 置 为 白色 (RGB 参数 值 均 为 255)， 如 图 15-3 所 示 。 
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图 15-2 新建 一 个 空白 图 像 图 15-3 设置 渐变 色 


区 到 03| 在 “图 层 ” 面 板 中 ,新建 “ 图 层 1” 图 层 ， 如 图 15-4 所 示 。 
区 到 04| 在 工具 属性 栏 中 单 击 “线性 渐变 ”按钮 ， 在 图 像 上 拖 电 鼠标 填充 渐变 色 ， 如 


图 15-5 所 示 。 
f CE 
图 屋 二 
Pp v8@GTDONANA® 
正常 ~ 不肖 明度: 100% ~ 


钢 E: 轿 中 村 人 填 训 : 100% ~ 
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。 | ] 课 a 
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15-5 填充 渐变 色 


图 15-4 新 建 “ 图 层 1” 图 层 


恕 到 05] 按 Ctl+0 组 合 键 ， 打 开 “ 商 品 1psd” 素材 图 像 ， 运 用 移动 工具 将 素材 图 像 拖 
所 至 背景 图 像 编辑 窗口 中 的 合适 位 置 ， 如 图 15-6 所 示 。 
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选择 “图 像 ”|“ 调 整 ”|“ 亮 度 / 对 比 度 ”命令 , 弹出 “亮度 /对 比 度 ”对 话 框 ， 
设置 “亮度 ”为 10、“ 对 比 度 ” 为 -23， 单 击 “确定 ”按钮 ， 效 果 如 图 15-7 所 示 。 


图 15-6 ” 拖 电 商品 素材 15-7 ”调整 亮度 和 对 比 度 饱 和 度 效果 


专家 指点 )) 


“自然 饱和 度 ” 命 令 可 以 调整 整 幅 图 像 或 单个 颜色 的 饱和 度 和 亮度 值 。 
@ 色相 : 色相 是 各 类 颜色 的 相貌 称谓 ， 用 于 改变 图 像 的 颜色 。 可 通过 在 该 数值 框 中 


输入 数值 或 拖 动 滑 块 来 调整 。 
@ 饱和 度 : 饱和 度 是 指 色 彩 的 鲜艳 程度 ， 也 称 为 色彩 的 纯度 。 设 置 数值 越 大 ， 色 彩 


越 鲜艳 ， 数 值 越 小 ， 就 越 接 近 黑 白 图 像 。 


葬 如 07| 复制 “商品 1” 图 层 , 将 其 进行 垂直 翻转 并 调整 至 合适 位 置 , 效果 如 图 15-8 所 示 。 
辆 嫌 08| 为 复制 的 图 层 添加 图 层 蒙 版 ， 并 填充 白色 到 黑色 的 线性 渐变 ， 设 置 图 层 的 “不 
透明 度 ”为 30%， 制 作 倒 影 效果 ， 如 图 15-9 所 示 。 
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15-8 复制 并 调整 素材 图 像 15-9 制作 倒影 效果 
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15.1.2 制作 海报 文字 效果 D 
店 卖家 使 用 横 排 文字 工具 给 商品 添加 解释 说 明 ， 可 以 让 买 家 更 了 解 商品 。 下 面 详细 介 
绍 制 作 美 妆 网 店 首页 文案 的 方法 。 


区 到 01| 按 CultO 组 合 键 ,打开 “装饰 .psd” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 拖 
蝶 至 背景 图 像 编辑 窗口 中 的 合适 位 置 ， 如 图 15-10 所 示 。 

区 到 02] 选取 工具 箱 中 的 渐变 工具 ， 设 置 渐 变色 为 深 红色 到 浅 红 ， 位 置 0% 为 深 红色 
(RGB 参数 值 分 别 为 180、0、42)、 位 置 24% 为 浅 红色 (RGB 参数 值 分 别 为 235、0、49)、 位 
置 55% 为 深 红色 (RGB 参数 值 分 别 为 180、0、42)、 位 置 78% 为 浅 红色 (RGB 参数 值 分 别 为 
235、0、49)、 位 置 100% 为 深 红色 (RGB 参数 值 分 别 为 180、0、42)， 锁 定 “ 装 饰 ”图 层 的 
透明 像素 ， 在 工具 属性 栏 中 单 击 “ 线 性 渐变 ”按钮 ， 在 图 像 上 拖 忠 鼠标 填充 渐变 色 ， 效 果 如 
15-11 所 示 。 


i mn 


图 15-10 ” 拖 遇 素材 装饰 图 15-11 填充 渐变 色 


殴 玉 03] 运用 横 排 文 字 工具 在 图 像 编 辑 窗口 输入 相应 文字 ， 设 置 “字体 系列 ”为 “方正 
中 倩 简 体 ”、“ 字 体 大 小 ”为 6.5 点 、“ 颜 色 ” 为 白色 ， 效 果 如 图 15-12 所 示 。 

步骤 中 运用 模 排 文字 工具 在 图 像 编辑 窗口 中 输入 相应 文字 ， 设置 “字体 系列 ”为 “ 方 
正 黑 体 简体 ”、“ 字 体 大 小 ”为 5 点 、“ 颜 色 ” 为 白色 。 选 择 工具 箱 中 的 直线 工具 ， 设 置 “ 描 
边 ”为 2 像素 、“ 填 充 ” 为 无 ， 在 文字 上 绘制 一 条 直线 ， 效 果 如 图 15-13 所 示 。 


15-12 输入 相应 文字 15-13 选取 横 排 文 字 工具 
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葬 妈 05| 按 Calto 组 合 键 , 打开 “文字 1psd” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 拖 
忠 至 背景 图 像 编 辑 窗口 中 的 合适 位 置 ， 如 图 15-14 所 示 。 

辆 弹 06| 按 Cul+O 组 合 键 , 打开 “玫瑰 花 jpg” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 拖 
鼻 至 背景 图 像 编辑 窗口 中 的 合适 位 置 , 放置 在 “图 层 1” 的 上 面 , 然后 选择 橡皮 擦 工具 , 设置 “ 硬 
度 ” 为 0%、“ 不 透明 度 ” 为 36%， 擦 除 部 分 图 像 ， 效 果 如 图 15-15 所 示 。 


图 15-14， 拖 电文 字 素材 图 15-15 ” 拖 虫 玫瑰 花 素 材 
钱 到 07] 按 Cel+O 组 合 键 ， 打 开 “ 水 花 .png” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 拖 中 至 
背景 图 像 编辑 窗口 中 ， 适 当 调整 图 像 的 大 小 和 位 置 ， 如 图 15-16 所 示 。 


玫瑰 补水 系列 


15-16 最终 效果 


15.2 厨具 网 店 详情 页 设计 


本 案例 是 为 某 品 牌 的 厨具 店铺 设计 的 平底 锅 商 品 主 图 ， 在 制作 的 过 程 中 使 用 了 鲜艳 的 背 
景 图 片 进行 修饰 ， 添 加 “赠品 ”促销 方案 ， 以 及 简单 的 广告 词 来 突出 产品 优势 。 
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本 实例 最 终 效果 如 图 15-17 所 示 。 攻 
全 国 包 邮 和 
E33 
59 和 
CE HP 
全 国 包 由 
美美 太太 麦 饭 石 炒 锅 不 粘 锅 无 油烟 锅 铁 
锅 家 用 电磁 炉 燃 气 灶 适 用 锅 具 
因 meme seen 
让 二 人 者 帮 满 44 减 5 优惠 券 ; 满 44 减 5 优惠 券 
2 2 £ CR 
15-17 ”实例 效果 
扫 一 扫 观 看 在 线 视频 : 
司 具 网 店 详情 页 设计 
15.2.1 制作 网 店 详情 页 主体 效果 已 


下 面 介绍 制作 厨具 网 店主 图 主体 效果 的 方法 。 

瞄 到 01] 选择 “文件 ”| “新建 ”命令 ， 弹 出 “新 建文 档 ” 对 话 框 ， 设 置 “ 名 称 ”为 “ 厨 
网 店 详情 页 设计 ”、 “宽度 ”为 722 像素 .“ 高 度 ” 为 722 像素 .“ 分 辨 率 ” 为 72 像素 /英寸 、 
色 模式 ”为 “RGB 颜色 ”、“ 背 景 内 容 ” 为 “白色 ”， 单 击 “ 创 建 ”按钮 ， 新 建 一 个 空 
白 图 像 ， 如 图 15-18 所 示 。 

毁 王 02] 按 CtltO 组 合 键 , 打开 “商品 2jpg” 素 材 图 像 ， 运 用 移动 工具 将 商品 图 像 拖 
虑 至 背景 图 像 编辑 窗口 中 ， 如 图 15-19 所 示 。 
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15-18 ”新 建 空白 文档 图 15-19 添加 商品 素材 


15.2.2 ”制作 网 店 详情 页 文字 效果 记 


给 商品 主 图 添加 文字 说 明 ， 可 以 增强 主 图 的 视觉 效果 。 下 面 介绍 制作 厨具 网 店主 图 文字 
宣传 效果 的 方法 。 

项 缠 01| 选择 工具 箱 中 的 矩形 工具 ， 在 工具 属性 栏 中 设置 “填充 ”为 红色 (RGB 值 分 别 
为 255、0、0)，“ 描 边 ” 为 无 ， 绘 制 一 个 矩形 框 ， 如 图 15-20 所 示 。 

辐 台 02| 选取 工具 箱 中 的 横 排 文字 工具 , 选择 “窗口 ”| “字符 ”命令 , 弹出 “字符 ”面板 ， 
设置 “字体 系列 ”为 “方正 黑体 简体 ”、“ 字 体 大 小 ”为 55 点 、“ 设 置 所 选 字 符 的 字 距 调整 ” 
为 200、“ 颜 色 ” 为 白色 (RGB 参数 值 均 为 255)， 激 活 仿 粗 体 图 标 ， 在 商品 图 像 的 右上 方 输 
入 相应 的 文字 ， 如 图 15-21 所 示 。 


Es 全 国 包间 
绘制 输入 
15-20 ”绘制 矩形 框 图 15-21 输入 文字 
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辆 事 03| 选择 工具 箱 中 的 横 排 文字 工具 ， 展 开 “ 字 符 ” 面 板 ， 设 置 “ 字 体系 列 ” 为 “ 方 
正 粗 宋 简体 ”、“ 字 体 大 小 ”为 42 点 、“ 颜 色 ” 设 置 为 红色 (RGB 参数 值 分 别 为 255、0、0)， 
在 左上 方 输入 相应 的 文字 ， 如 图 15-22 所 示 。 

辆 如 04 选择 工具 箱 中 的 圆 角 和 矩形 工具 ， 设 置 填充 颜色 为 红色 (RGB 参数 值 分 别 为 
255、0、0)、“ 描 边 ” 为 无 、“ 半 径 ” 为 15 像素 ， 绘 制 一 个 圆 角 矩形 ， 如 图 15-23 所 示 。 


i 第 二 代 不 精 锅 


A 本 


图 15-22 输入 文字 图 15-23 ”绘制 圆 角 和 矩形 框 
毁 到 05| 复制 回 角 矩形 图 像 2 次 ， 并 适当 地 调整 各 图 像 的 位 置 ， 如 图 15-24 所 示 。 
芝 到 06| 使 用 横 排 文字 工具 在 图 像 编辑 窗口 中 的 合适 位 置 单 击 鼠 标 左 键 并 确认 插入 点 ， 
展开 “字符 ”面板 ， 设置 “字体 系列 ”为 “微软 雅 黑 ”、“ 字 体 大 小 ”为 25 点 、“ 颜 色 ” 


为 白色 (RGB 参数 值 均 为 255)、 “设置 所 迁 字 符 的 字 距 调整 为 200， 输入 相应 的 文字 ， 如 
图 15-25 所 示 。 
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殴 国 07| 按 Cal+O 组 合 键 , 打开 “商品 3.psd” 素 材 图 像 ， 运 用 移动 工具 将 其 拖 忠 至 背 
景 图 像 编辑 窗口 中 ， 并 调整 图 像 的 大 小 和 位 置 ， 如 图 15-26 所 示 。 

娆 六 08] 选择 工具 箱 中 的 椭圆 工具 ， 在 工具 属性 栏 中 设置 “选择 工具 模式 ”为 “形状 ”、 
设置 “填充 ”为 红色 (RGB 参数 值 分 别 为 255、24、24)、“ 描 边 ”为 无 ， 按 住 Shif 键 ， 绘 制 
一 个 正 圆 图形， 效果 如 图 15-27 所 示 。 


全 国 包 邮 
mm | 


绘 币 
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图 15-26 拖 外 素材 15-27 ”绘制 正 圆 


葬 如 09| 选取 工具 箱 中 的 横 排 文 字 工 具 ， 展 开 “ 字 符 ” 面 板 ， 设置“ 字体 系列 ”为 “ 方 
正 粗 宋 简体 ”、“ 字 体 大 小 ”为 46 点 、“ 颜 色 ” 为 黄色 (RGB 值 分 别 为 246、233、19)， 输 
入 相应 的 文字 ， 根 据 需 要 适当 地 调整 文字 的 位 置 ， 如 图 15-28 所 示 。 

畏 到 10| 按 Cul+O 组 合 键 ， 打 开 “ 价 格 框 psd” 素 材 图 像 ， 运 用 移动 了 
拖 电 至 背景 图 像 编辑 窗口 中 的 合适 位 置 ， 如 图 15-29 所 示 。 
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图 15-29 拖 虫 素材 
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恕 到 11| 选择 工具 箱 中 的 圆 角 和 矩形 工具 ,设置 “ 描 边 ”为 无 、“ 半 径 ” 为 30 像素 、“ 颜 
色 ” 为 黄色 (RGB 参数 值 分 别 为 246、179、19)， 在 图 像 编辑 窗口 绘制 一 个 价格 框 ， 效 果 如 
图 15-30 所 示 。 

苞 到 12| 按 Cult+O 组 合 键 , 打开 “文字 2.psd” 素 材 图 像 ， 运 用 移动 工具 将 其 拖 忠 至 背 
景 图 像 编辑 窗口 中 ， 并 调整 图 像 至 合适 的 位 置 ， 如 图 15-31 所 示 。 


全 国 包 邮 


15-30 绘制 价格 框 15-31 拖 抑 “文字 ”素材 
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新 媒体 广告 设计 主要 是 将 广告 的 主题 、 创 意 、 语 言 文字 、 形 象 以 及 衬托 等 
要 素 进行 组 合 安排 ， 通 过 广告 来 达到 吸引 用 户 眼球 的 目的 ， 从 而 实现 引流 吸 粉 、 
推广 产品 和 品牌 的 目标 。 本 章 主要 介绍 海报 、 推 广 页 等 广告 设计 案例 。 


本 章 重点 导航 


天 猫 商 场 广告 设计 
摄影 书籍 推广 页 设计 
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16.1 天 猫 商场 广告 设计 


本 实例 设计 的 是 一 幅 天 猫 旗舰 店 的 商场 主页 宣传 海报 ， 海 报 是 一 种 比较 直接 、 灵 活 的 广 
告 宣传 形式 ， 它 是 产品 销售 活动 中 的 最 后 一 个 环节 ， 能 在 商品 销售 的 现场 营造 出 良好 的 商业 
氛围 ， 引 起 消费 冲动 ， 产 生 购 买 欲 。 

本 实例 最 终 效果 如 图 16-1 所 示 。 


16-1 实例 效果 


扫 一 扫 观 看 在 线 视频 : 
天 猫 商场 广告 设计 
16.1.1_ 制作 海报 背景 效果 o| 


下 面 介绍 制作 百货 海报 背景 的 效果 方法 。 

辆 如 01| 按 Ctal+o 组 合 键 ， 打 开 一 幅 素材 图 像 ， 如 图 16-2 所 示 。 

区 到 02| 按 CultO 组 合 键 ， 打 开 “ 沙 漠 jpg” 素 材 图 像 ， 运 用 移动 工具 将 其 拖 电 至 背 
景 图 像 编 辑 窗口 中 的 合适 位 置 ， 如 图 16-3 所 示 。 

葬 如 03| 在 “图 层 ” 面板 中 , 设置 “图 层 1” 图 层 的 “混合 模式 ”为 “溶解 ”、“ 不 透明 度 ” 
为 25%， 效果 如 图 16-4 所 示 。 

辆 避 04| 为 “图 层 1” 图 层 添加 一 个 图 层 蒙 版 ， 并 填充 黑色 ,隐藏 部 分 图 像 效 果 ， 如 
图 16-5 所 示 。 

辆 如 05| 按 CultoO 组 合 键 ,， 打开 “ 光 带 psd” 素 材 图 像 ， 运 用 移动 工具 将 其 拖 电 至 背 
景 图 像 编辑 窗口 中 的 合适 位 置 ， 效 果 如 图 16-6 所 示 。 
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按 Cul+O 组 合 键 ， 打 开 “ 边 框 psd” 素 材 图 像 ， 运 用 移动 工具 将 其 拖 电 至 背 
景 图 像 编辑 窗口 中 的 合适 位 置 ， 如 图 16-7 所 示 。 


16-2 ”打开 素材 文件 图 16-3 ” 拖 入 素材 图 像 
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图 16-4 设置 混合 模式 16-5 ”添加 图 层 蒙 版 


16-6 拖 入 素材 图 像 16-7 ” 拖 入 素材 图 像 
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在 选取 海报 广告 的 素材 时 ,要 有 一 定 的 创意 , 同时 可 利用 这 些 装饰 素材 作为 突破 口 ， 
直击 消费 者 的 核心 需求 。 


16.1.2 ”制作 海报 主体 效果 o| 


下 面 介绍 制作 百货 海报 主体 效果 的 方法 。 

攻 绍 01| 按 Ctrl+O 组 合 键 ， 打开 “礼品 psd” 素 材 图 像 ， 运 用 移动 工具 将 其 拖 忠 至 背 
景 图 像 编辑 窗口 中 的 合适 位 置 ， 效 果 如 图 16-8 所 示 。 

娟 到 02] 按 Ctrl+O 组 合 键 ， 打 开 “ 花 采 装 饰 psd” 素 材 图 像 ， 运 用 移动 工具 将 其 拖 电 
至 背景 图 像 编辑 窗口 中 的 合适 位 置 ， 效 果 如 图 16-9 所 示 。 


16-8 拖 入 素材 图 像 16-9 拖 入 素材 图 像 


毁 到 03] 新 建 “ 图 层 6”, 在 图 层面 板 中 拖 跨 至 “图 层 4” 下 方 , 前 景色 设置 为 黑色 RGB 
参数 值 均 为 0)， 选 择 工具 箱 中 的 画笔 工具 ，“ 不 透明 度 ” 设 置 为 41%、“ 硬 度 ” 设 置 为 0%， 
在 图 像 编辑 窗口 涂抹 创建 阴影 ， 效 果 如 图 16-10 所 示 。 

殴 到 04] 按 CaltO 组 合 键 ， 打 开 “ 写 字 psd” 素 材 图 像 ， 运 用 移动 工具 将 其 拖 电 至 背 
景 图 像 编辑 窗口 中 的 合适 位 置 ， 为 该 图 层 添加 图 层 蒙 版 ， 运 用 黑色 的 画笔 工具 在 图 像 上 涂抹 ， 
隐藏 部 分 图 像 ， 效 果 如 图 16-11 所 示 。 

苞 玉 05] 选取 工具 箱 中 的 横 排 文字 工具 , 在 图 像 上 单 击 鼠标 左 键 , 确定 插入 点 , 设置 “ 字 
体 ” 为 “ 华 康 海报 体 ”、“ 字 体 大 小 ”为 20 点 、“ 颜 色 ” 为 白色 (RGB 参数 值 均 为 255)， 输 
入 相应 的 文字 ， 效 果 如 图 16-12 所 示 。 

苞 玉 06] 选择 “端午 ”与 “优惠 "文字, 更改 “字体 大 小 ”为 38 点 , 并 将 文字 适当 旋转 角度 ， 
效果 如 图 16-13 所 示 。 

项 王 07] 双击 文字 图 层 ， 弹 出 “图 层 样式 ”对 话 框 ， 选 中 “投影 ” 复 选 框 ， 设 置 “ 角 


天 猫 平台 : | 医 
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度 ”为 120 度 、“ 距 离 ”为 7 像素 、“ 扩 展 ” 为 20%、“ 大 小 ”为 10 像素 、“ 不 透明 度 ” 
为 75%， 单 击 “ 确 定 ” jy 为 文字 图 层 添加 “投影 ”样式 ,效果 如 图 16-14 所 示 。 

蜀汉 08 按 Cul+O 组 合 键 ， 打开 “文字 psd” 素 材 图 像 ， 运 用 移动 工具 将 其 拖 虚 至 背 
景 图 像 编辑 窗口 中 的 合适 位 置 ， 效 果 如 图 16-15 所 示 。 


图 16-14 添加 图 层 样式 图 16-15 最 终 效果 
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16.2 摄影 书籍 推广 页 设计 


本 案例 是 一 个 天 猫 商场 的 摄影 书籍 推广 页 设计 ， 在 制作 的 过 程 中 使 用 简单 的 背景 图 片 进 
行 修饰 ， 添 加 “用 手机 如 何 拍 出 大 片 ”促销 方案 以 及 简单 的 广告 词 来 突出 产品 优势 。 


在 制作 天 猫 推广 页 设计 时 ， 先 运用 滤 镜 制作 出 有 纹理 效果 的 背景 ， 再 添加 相应 的 素材 与 
人 物 ， 最 后 加 上 适当 的 文字 即 可 完成 设计 。 


本 实例 最 终 效 果 如 图 16-16 所 示 。 
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图 16-16 ”实例 效果 


扫 一 扫 观 看 在 线 视频 : 
摄影 书籍 推广 页 设计 


16.2.1_ 制 作 推 广 页 主体 效果 J| 
下 面 介绍 制作 推广 页 主体 效果 的 方法 。 


按 Ctrl+N 组 合 键 ， 弹 出 “新 建文 档 ” 对 话 框 ， 设置 “名 称 ”为 “摄影 书籍 推 
广 页 面 设计 ”、“ 宽 度 ” 为 1920 像素 、“ 高 度 ” 为 1080 像素 “分辩 率 ” 为 300 像素 /英寸 、“ 颜 
色 模 式 ” 为 “RGB 颜色 ”、“ 背 景 内 容 ” 为 “白色 ”， 如 图 16-17 所 示 ， 单 击 “ 创 建 ”按钮 ， 
新 建 一 个 空白 图 。 


展开 “图 层 ” 面 板 ， 新建 “图 层 1” 图 层 ， 如 图 16-18 所 示 。 
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第 


最 全 用 项 。 已 m 存 


b=.3 


Sw Re C0) snare 六 和 


背景 


图 层 ”到 道 莫 径 
“四 @TDB 
| 透明度: 100% 
认 : 图 yw 中 其 自 丧 :00% ~ 


< eb 


GE] 


新 建 


DGD 


图 16-17 新 建 空白 文档 图 16-18 新 建 “ 图 层 1” 图 层 


茹 弹 03] 设置 前 景色 为 浅 灰色 (RGB 参数 值 均 为 217)， 为 “图 层 1” 


如 图 16-19 所 示 。 


图 层 填充 前 景色 ， 


攻 王 04] 选择 “ 滤 镜 "| * 杂 色 ” | * 添 加 杂 色 ”命令 , 弹出 “添加 杂 色 ”对 话 框 , 设置 “数量 ” 
为 10%， 选 中 “高 斯 分 布 ” 单 选 按钮 和 “ 单 色 ” 复 选 框 ， 单 击 “ 确 定 ”按钮 ， 如 图 16-20 所 示 ， 


@@ 设 置 


为 图 像 添加 杂 色 。 
| | 
填充 re | 
| 人 O 高 斯 分 布 (6] | 
| | 
16-19 ”填充 前 景 图 16-20 


设置 滤 镜 参数 


“ 杂 色 ” 滤 镜 添加 或 移 去 杂 色 或 带 有 随机 分 布 色 阶 的 像素 ， 这 有 助 于 将 选区 混合 
到 周围 的 像素 中 ，“ 杂 色 ” 滤 镜 可 创建 与 众 不 同 的 纹理 或 移 去 有 问题 的 区 域 ， 如 灰尘 


和 划 痕 。 


区 一 


ee 和 
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葬 副 05| 选择 “ 滤 镜 ” |“ 模糊 ”| “动感 模糊 ”命令 , 弹出 “动感 模糊 ”对 话 框 , 设置 “ 角 
度 ”为 90 度 、“ 距 离 ” 为 2000 像素 ， 如 图 16-21 所 示 。 
葬 嫌 06| 单 击 “ 确 定 ”按钮 ， 即 可 应 用 “动感 模糊 ” 滤 镜 ， 效 果 如 图 16-22 所 示 。 


(Rm) 
取消 


| 预 红 (P) 


角度 Wy: 90 康 () - 
= 

距离 (D): 区 面 |] 仅 素 | 

! 


图 16-21 设置 各 选项 图 16-22 ”应 用 滤 镜 
专家 指点 ) 
“动感 模糊 ”可 以 根据 制作 效果 的 需要 沿 指 定 方 向 、 以 指定 强度 模糊 图 像 ， 该 对 话 
框 的 各 主要 选项 含义 如 下 。 
@ “角度 ”: 用 来 设置 模糊 的 方向 。 可 以 直接 输入 数值 ， 也 可 以 拖 动 指针 调整 角度 。 
@ “距离 ”: 用 来 设置 像素 移动 的 距离 。 
虑 到 07] 选择 “ 滤 镜 ”|“ 滤 镜 库 ” 命 令 ， 打 开 滤 镜 库 ， 选 择 “ 调 色 刀 ” 滤 镜 ， 设置 “ 描 
边 大 小 ”为 38、“ 描 边 细节 ”为 2、“ 软 化 度 ” 为 3， 如 图 16-23 所 示 。 
辆 到 08| 单 击 “确定 ”按钮 ， 即 可 应 用 “ 调 色 刀 ” 滤 镜 ， 效 果 如 图 16-24 所 示 。 


图 16-24 ”应 用 滤 镜 
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天 猫 平 台 : 
S4444 商场 广告 与 书籍 推广 页 设计 
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区 到 09| 选择 “图 像 ”|“ 调 整 ”|“ 曲 线 ”命令 ， 弹 出 “曲线 ”对 话 框 ， 在 曲线 上 单 击 
鼠标 左 键 新 建 一 个 控制 点 ， 在 下 方 设置 “输入 ”为 95、“ 输 出 ”为 146， 如 图 16-25 所 示 。 
单 击 “确定 ”按钮 ， 调 整 图 像 亮 度 ， 效 果 如 图 16-26 所 示 。 


证 六 四。 自 定 二 Cu) 


i © x(0255)) 
Er a 其/ 油 时 (6) 
| 国 2 - 
| | 网 大 小 ne 
E: 自动 内 
| 4 se mT- 
通才 加。 加 视 P) 
| AW) 
Ei) 
| [ i 回 交 又 续 (M) 
| ee 设置 
| 各 35 S12 8 aA 
图 16-25 设置 各 选项 图 16-26 调整 亮度 
mt 
专家 指点 )) 


“曲线 ”命令 调节 曲线 的 方式 ， 可 以 对 图 像 的 亮 调 、 中 间 调 和 了 暗 调 进行 适当 调整 ， 
而 且 只 对 某 一 范围 的 图 像 进行 色调 的 调整 ， 它 相 较 于 “ 色 阶 ”， 可 以 通过 在 曲线 上 添加 
多 个 控制 点 的 方式 ， 更 加 精准 地 调节 图 像 亮度 。 
辆 如 11| 按 Cul+O 组 合 键 ， 打 开 “ 三 角形 psd” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 
拖 殷 至 背景 图 像 编辑 窗口 中 ， 适 当 调 整 图 像 的 位 置 ， 效 果 如 图 16-27 所 示 。 


毁 到 12] 按 Ctrl+o 组 合 键 ， 打 开 “ 讲 师 psd” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 拖 
忠 至 背景 图 像 编辑 窗口 中 ， 适 当 调 整 图 像 的 位 置 ， 效 果 如 图 16-28 所 示 。 


< 2 4 
过 4 
拖 电 > A 
4 Dl 所 
图 16-27 ” 拖 电 图 像 16-28 ” 拖 电 图 像 
De 
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16.2.2 ”制作 推广 页 文字 效果 ®) 


下 面 介绍 制作 推广 页 文字 效果 的 方法 。 

殴 玉 01| 选取 工具 箱 中 的 横 排 文 字 工 具 , 在 “字符 ”面板 中 设置 “字体 系列 ”为 “Adobe 
黑体 Std”、“ 字 体 大 小 ”为 24 点 、“ 行 距 ” 为 30 点 、“ 字 体 颜色 ”为 蓝 色 (RGB 参数 值 分 
别 为 22、118、255)， 如 图 16-29 所 示 。 

区 国 02| 在 图 像 编辑 窗口 中 输入 文字 ， 移 至 合适 位 置 ， 效 果 如 图 16-30 所 示 。 


天 
er i 
| 开 [24 点 ”|~| 奏 wo 点 [~|! 
ls。 四。 | 7 
ET | 摄影 高 手 养 成 系列 噬 
IT 100% 开 lo0% | 、 i be 2 
[5 | > 
工 王 | 避 输入 A 
4 ~ 
图 16-29 设置 各 选项 16-30 输入 文字 


攻 吕 03| 选取 工具 箱 中 的 直线 工具 ,在 工具 属性 栏 中 设置 “选择 工具 模式 ”为 “形状 ”、 
“填充 ”为 蓝 色 (RGB 参数 值 分 别 为 22、118、255)、“ 粗 细 ” 为 15 像素 ,绘制 一 个 直线 形状 ， 
效果 如 图 16-31 所 示 。 

辆 习 04| 双击 “形状 1” 图 层 ， 弹 出 “图 层 样式 ”对 话 框 ， 选 中 “投影 ” 复 选 框 ,设置 

“角度 ”为 90 度 、“ 距 离 ” 为 14 像素 、“ 扩 展 ” 为 4%、“ 大 小 ”为 24 像素 、“ 不 透明 度 ” 
为 46%， 单 击 “ 确 定 ” 按 钮 ， 为 形状 图 层 添加 “投影 ”样式 ,效果 如 图 16-32 所 示 。 


下 的 
摄影 高 手 养 成 系列 必 摄影 高 手 养 成 系列 作 
3 著名 作家 构图 君 编著 ~ 著名 作家 构图 君 编著 ~ 
通 > | 2 en 
\a > 
国 < . 计 加 上 汪 二 
4 > 4 < 
图 16-31 绘制 直线 图 16-32 添加 图 层 样式 


虑 玉 05| 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “方正 
细 黑 一 简体 ”、“ 字 体 大 小 ”为 16 点 、“ 行 距 ” 为 18、“ 字 体 颜色 ”为 蓝 色 RGB 参数 值 
分 别 为 22、118、255)， 在 图 像 编 辑 窗口 中 输入 文字 ， 效 果 如 图 16-33 所 示 。 
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天 猫 平 台 : | 贺 
4 商场 广告 与 书籍 推广 页 设计 | 较 


按 Cal+O 组 合 键 ， 打开“ 书籍 1psd” 素 材 图 像 ， 如 图 16-34 所 示 


4 
二 司 摄影 高 手 养 成 系列 大 
、 fs 著名 作家 构图 君 编著 ~ 
所 摄影 大 咖 教 你 如 何 
用 手机 拍 出 大 片 
4 


yk 
.| 


图 16-33 输入 文字 图 16-34 ”打开 书籍 素材 


区 到 07] 选择 “图 像 ”|“ 调 整 ”|“ 曲 线 ” 命 令 ， 弹出“ 曲线” 对话 框 ， 在 曲线 上 单 击 
鼠标 左 键 新 建 一 个 控制 点 ， 在 下 方 设置 “输入 ”为 106、“ 输 出 ”为 185， 如 图 16-35 所 示 。 
恕 到 08] 单 击 “ 确 定 ”按钮 ， 应 用 效果 如 图 16-36 所 示 。 
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as |, 
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16-35 设置 各 选项 

葬 副 09| 运用 移动 工具 将 其 拖 中 至 背景 图 像 编 辑 窗口 中 的 合适 位 置 ，3 
效果 如 图 16-37 所 示 。 

区 到 10| 按 Cal+o 组合 键 , 打开 “书籍 2.psd” 素 材 图 像 ， 如 图 16-38 所 示 。 

选择 “图 像 ”|“ 调 整 ”|“ 曲 线 ” 命 令 ， 弹 出 “曲线 ”对 话 框 ， 在 曲线 上 单 击 
鼠标 左 键 新 建 一 个 控制 点 ， 在 下 方 设置 “输入 ”为 106、“ 输 出 ”为 185， 单 击 “确定 ”按钮 ， 
应 用 效果 如 图 16-39 所 示 。 

运用 移动 工具 将 其 拖 电 至 背景 图 像 编辑 窗口 中 的 合适 位 置 ， 适 当地 调整 大 小 ， 
效果 如 图 16-40 所 示 。 
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图 16-37” 拖 虚 素 材 图 像 图 16-38 ”打开 素材 图 像 
< pl 
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图 16-39 调整 亮度 图 16-40” 拖 忠 图 像 
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知识 导读 


微 商店 铺 的 应 用 领域 在 逐步 扩大 ， 应 用 形式 也 越 来 越 广泛 ， 并 深入 到 生活 
中 的 各 个 方面 。 因 此 ， 本 章 将 重点 讲解 如 何 设计 自己 的 微 商 店铺 ， 使 店铺 在 众 
多 的 微 商店 铺 中 表现 出 自己 独 有 的 特色 。 


本 章 重 点 导航 


@ 美食 微 店 广告 设计 
@ 数码 产品 广告 设计 
@ 图 书 微 店 界面 设计 


微 之 0 积分 导 订单 微 Oo 与 许 


新 媒体 美工 入 一 = 一 = 一 > 


By 
17.1 美食 微 店 广告 设计 


在 进行 美食 微 店 广告 设计 时 ， 应 体现 食物 具有 诱惑 力 的 原则 。 本 实例 讲解 如 何 通 过 添加 
产品 素材 ， 变 换 图 像 、 添 加 文字 等 技巧 ， 增 强 美 食 微 店 的 宣传 广告 效果 。 
本 实例 最 终 效果 如 图 17-1 所 示 。 


柴 柴 私房 菜 
柴 此 私房 CO 
名 狼 店 失 a 等 食 每 天 都 是 当天 制作 当天 发 货 哦 ! 
办 食 每 天 都 是 当天 制作 当天 发 货车 店铺 动态 
图 17-1 实例 效果 
扫 一 扫 观 看 在 线 视频 : 
美食 油 店 广告 设计 
17.1.1 _ 店 招 主体 制作 效果 o| 
在 进行 店 招 设计 时 ， 运 用 滤 镜 制作 的 背景 图 像 ， 加 上 适当 的 文字 ， 可 使 整个 画面 显得 更 


毁 弹 01| 按 Cul+N 组 合 键 ， 弹 出 “新 建文 档 ” 对 话 框 ， 设 置 “ 名 称 ” 为 “美食 微 店 广 
告 设计 ”、“ 宽 度 ” 为 1080 像素 、“ 高 度 ”为 1400 像素 、“ 分 辨 率 ” 为 300 像素 /英寸 、“ 颜 
色 模式 ”为 “RGB 颜色 ”、“ 背 景 内 容 ” 为 “白色 ”， 如 图 17-2 所 示 ， 单 击 “创建 ”按钮 ， 
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章 


新 建 一 个 空白 图 像 。 
辆 赚 02| 按 CultO 组 合 键 ， 打开 “ 店 招 背 景 jpg” 素 材 图 像 ， 如 图 17-3 所 示 。 
葬 台 03| 选择 “窗口 ”|“ 调 整 ”命令 , 打开 “调整 ”面板 ， 在 “调整 ”面板 中 单 击 “ 亮 
度 / 对比度 ”按钮 ， 如 图 17-4 所 示 。 


Bas | Wt Hm Mein wb 


四 因 四 
: 四 @ 单 击 
17-2 ”新 建 空白 文档 图 17-3 素材 图 像 


区 到 04| 新 建 “ 亮 度 / 对比度 1” 调 整 图 层 ， 在 展开 的 “属性 ”面板 中 设置 “亮度 ”为 
35、“ 对 比 度 ” 为 21， 如 图 17-5 所 示 。 


属性 吾 
国 口 六 kg 
ED 
Ei 
[ttm: 本 | 
_ | J 
a 俩 用 旧版 1 
ss Oi a 设置 
嘉 度 /对比 度 
注册 国 国 Vy 
[| 
人 @ 单 击 | 回国 国 刘 四 口 二 个 
图 17-4 单 击 亮度/ 对比度” 按钮 图 17-5 设置 参数 


殴 王 05| 在 “调整 ”面板 中 单 击 “自然 伯 和 度 ”按钮 ， 新 建 “自然 饱和 度 1” 调 整 图 层 ， 
在 “属性 ”面板 中 设置 “自然 饱和 度 ” 为 0， 效果 如 图 17-6 所 示 。 
葬 弹 06| 按 Shift+Ctl+Alt+E 组 合 键 , 盖 印 可 见 图 层 , 得 到 “图 层 1” 图 层 , 如 图 17-7 所 示 。 
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17-6 图像 效 果 图 17-7 得 到 “图 层 1” 图 层 


虎斑 07] 执行 “ 滤 镜 ”|“ 像 素 化 ”|“ 彩 块 化 ”命令 ， 将 图 像 转化 为 小 的 彩 块 ， 效 果 如 
图 17-8 所 示 。 

贺 到 08] 选择 “ 滤 镜 ” |“ 模糊” 命令， 弹出 “高 斯 模糊 ”对 话 框 ，“ 半 径 ” 设 置 为 5 像素 ， 
如 图 17-9 所 示 。 


ED 
EL 
回 预 p) 


图 17-8 将 图 像 转 化 为 小 的 彩 块 图 17-9 设置 半径 


辆 弹 09| 单 击 “ 确 定 ”按钮 ， 即 可 应 用 “模糊 ” 滤 镜 ， 制 作出 模糊 的 背景 ， 效 果 如 


图 17-10 所 示 。 
葬 赔 10| 运用 移动 工具 将 素材 图 像 拖 忠 至 背景 图 像 编辑 窗口 中 ， 适 当 调整 图 像 的 大 小 和 


位 置 ， 效 果 如 图 17-11 所 示 。 
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图 17-10 “应 用 “模糊 ” 滤 镜 图 17-11 拖 电 并 调整 图 像 


滤 镜 是 一 种 插件 模块 ， 能 够 对 图 像 中 的 像素 进行 操作 ， 也 可 以 模拟 一 些 特殊 的 光照 
效果 或 带 有 装饰 性 的 纹理 效果 。Photoshop 提供 了 多 种 滤 镜 ， 使 用 这 些 滤 镜 ， 用 户 无 需 耗 
费 大 量 的 时 间 和 精力 就 可 以 快速 制作 出 云彩 、 马 赛 克 、 模 糊 、 素 描 、 光 照 以 及 各 种 捏 曲 
效果 。 

滤 镜 是 Photoshop 的 重要 组 成 部 分 , 它 就 像 是 一 个 魔术 师 。 很 难 想 象 ， 如 果 没 有 滤 镜 ， 
Photoshop 是 否 会 成 为 图 像 处 理 领 域 的 领先 软件 。 因 此 滤 镜 对 于 每 一 个 使 用 Photoshop 的 
用 户 而 言 ， 都 具有 很 重要 的 意义 。 滤 镜 可 能 是 作品 的 润色 剂 ， 也 可 能 是 作品 的 腐蚀 剂 ， 
到 底 扮 演 什么 角色 ， 取 决 于 操作 者 如 何 正 确 使 用 滤 镜 。 


辆 台 11| 选取 工具 箱 中 的 矩形 选 框 工具 ， 在 图 像 编辑 窗口 中 的 适当 位 置 绘 制 一 个 矩形 选 
框 ， 如 图 17-12 所 示 ， 设 置 前 景色 为 白色 (RGB 参数 值 均 为 255)。 

区 到 12|] 新 建 一 个 图 层 ， 为 选区 填充 白色 并 取消 选区 ， 设 置 图 层 的 “不 透明 度 ” 为 
76%， 效 果 如 图 17-13 所 示 。 


图 17-12 绘制 矩形 选 框 图 17-13 填充 白色 
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17.1.2_ 店 招 字体 制作 效果 o| 


下 面 详细 介绍 店 招 字体 制作 效果 的 方法 。 


步 又 [I 


色 (RGB 参数 


选取 工具 箱 中 的 矩形 工具 ， 在 工具 属性 栏 中 设置 “填充 ”为 无 、“ 描 边 ”为 白 
值 均 为 255)、“ 描 边 宽度 ”为 15 像素 ， 在 图 像 编 辑 窗 口中 的 适当 位 置 绘制 一 个 


和 拢 形 图 形 ， 设 置 “ 不 透明 度 ” 为 80%， 如 图 17-14 所 示 。 


步 可 [加 
黑体 std”、 


选取 工具 箱 中 的 横 排 文 字 工具 ,在 “字符 ”面板 中 设置 “字体 系列 ”为 “Adobe 


“字体 大 小 ”为 18 点 、“ 设 置 所 选 字符 的 字 距 调整 ”为 75、“ 颜 色 ” 为 棕色 (RGB 


参数 值 分 别 为 160、117、41), 并 激活 仿 粗 体 图 标 , 在 图 像 编辑 窗口 中 输入 文字 , 如 图 17-15 所 示 。 


17-14 ”绘制 矩形 图 形 图 17-15 输入 文字 
辆 如 03| 复制 刚刚 输入 的 文字 , 移 至 合适 位 置 , 在 “字符 ”面板 中 设置 “大 小 ”为 11 点 、 


“设置 所 选 字符 的 字 距 调整 ”为 25、“ 颜 色 ” 为 咖啡 色 (RGB 参数 值 分 别 为 155、85、24)， 
并 修改 文字 内 容 ， 如 图 17-16 所 示 。 


步 卫 四 
“填充 ”为 白 


选取 工具 箱 中 的 矩形 工具 ， 在 工具 属性 栏 中 设置 “选择 工具 模式 ”为 “形状 ”、 
色 (RGB 参数 值 均 为 255)、“ 描 边 ”为 灰色 (RGB 参数 值 均 为 83)、“ 描 边 宽度 ” 


为 1 像素 ， 在 图 像 编辑 窗口 中 的 适当 位 置 绘制 一 个 矩形 图 形 ， 如 图 17-17 所 示 。 


图 17-16 ”修改 文字 内 容 图 17-17 绘制 矩形 
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矩形 工具 [ 画 | 主 要 用 于 创建 矩形 或 正方 形 图 形 ， 用 户 还 可 以 在 工具 属性 栏 进行 相应 选 
项 的 设置 ， 也 可 以 设置 矩形 的 尺寸 、 固 定 宽 高 比例 等 。 
上 国 到 05| 按 Cult+O 组 合 键 ， 打 开 “ 标 志 按 钮 素材 psd” 素材 图 像 ， 运 用 移动 工具 将 素 
材 图 像 拖 电 至 背景 图 像 编辑 窗口 中 ， 适 当 调整 图 像 的 位 置 ， 效 果 如 图 17-18 所 示 。 
国 到 06] 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “方正 
细 黑 一 简体 ”、“ 字 体 大 小 ”为 15 点 、“ 设 置 所 选 字符 的 字 距 调整 ”为 -50、“ 颜 色 ” 为 深 
灰色 (RGB 参数 值 均 为 30)， 在 图 像 编辑 窗口 中 输入 文字 ， 如 图 17-19 所 示 。 


17-18“ 拖 虚 图 像 17-19 输入 文字 


苞 国 07] 复制 刚刚 输入 的 文字 ， 移 动 至 合适 位 置 ， 在 “字符 ”面板 中 设置 “字体 大 小 ” 
为 11 点 、“ 设 置 所 选 字符 的 字 距 调整 ”为 -100、“ 颜 色 ” 为 灰色 (RGB 参数 值 均 为 153)， 
运用 横 排 文字 工具 修改 文本 内 容 ， 如 图 17-20 所 示 。 

辆 08| 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “方正 
细 黑 一 简体 ”、“ 字 体 大 小 ”为 10 点 、“ 行 距 ” 为 11 点 、“ 设 置 所 选 字符 的 字 距 调整 ”为 -100、 
“颜色 ”为 灰色 (RGB 参数 值 均 为 100)， 在 图 像 编辑 窗口 中 输入 文字 ， 如 图 17-21 所 示 。 


微 店 装修 要 把 握 一 个 度 ， 能 用 表格 和 字体 的 加 粗 以 及 颜色 解决 的 问题 ， 尽 量 不 要 用 
图 片 ， 这 样 你 的 店 的 访问 速度 就 会 完全 不 受 影响 了 。 

店铺 装修 得 漂亮 ， 确 实 能 更 多 地 吸引 买 家 的 眼球 ， 但 我 们 要 清楚 一 点 ， 店 铺 的 装饰 
别 抢 了 商品 的 风头 ， 毕 竟 我 们 是 为 了 卖 产 品 而 不 是 秀 店铺 ， 弄 得 太 多 太 乱 反而 会 喧 宾 
村主 。 


243A 一 


| 


六 六 六 六 六 


新 媒体 美工 一 一 一 


修改 [> 柴 娄 私 房 菜 柴 柴 和 ”机 人 
加 商店 担保 加 希 店 担保 

零食 每 天 娩 是 当天 制作 当天 发 货 哦 | 
店铺 动态 


店铺 动态 
图 17-20 修改 文本 内 容 
苞 到 09| 选中 除 “ 背 景 ”图 层 外 的 所 有 图 层 ， 按 Cul+G 组 合 键 ， 为 图 层 编组 ， 得 到 


“组 1” 图 层 组 ， 如 图 17-22 所 示 。 
按 Ctrl+O 组 合 键 , 打开 “ 微 店 界面 1jpg” 素 材 图 像 , 切换 至 背景 图 像 编辑 窗口 ， 


步骤 
运用 移动 工具 将 图 层 组 的 图 像 拖 电 至 刚 打开 的 图 像 编辑 窗口 中 ， 适 当 调整 图 像 的 位 置 ， 效 果 


如 图 17-23 所 示 。 


图 17-21 输入 文字 


图 时 ”天 道 路径 三 
Pi -四 OoTHD 
3 ~| 征明 魔 :|100% |~ 


钢 定 : 团 w 中 村 自 填充 : 100% ~ 


已 [5] 


得 到 


© 
© 


要 人 估量 当天 人 当天 业 人 只 
二 央 动态 | 
2 


中 DG 日 全 


图 17-22 得 到 “组 1” 图 层 组 17-23” 拖 钨 并 调整 图 像 


17.2 ”数码 产品 广告 设计 


在 设计 数码 产品 宣传 广告 时 ， 应 体现 通俗 化 、 大 众 化 的 原则 。 本 实例 通过 添加 产品 素材 ， 
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章 


变换 图 像 、 添 加 文字 和 应 用 图 层 样 式 等 技巧 增强 了 单反 相机 数码 产品 的 宣传 广告 效果 。 
本 实例 最 终 效 果 如 图 17-24 所 示 。 


sell OKs OO 1215 0: WH 5% CE 


国 o 呈 分 民 订单 


IO9P 义 限量 皮 


送 | 无 砚 ER 王 卡 流量 随便 用 
BE 


17-24 ”实例 效果 


扫 一 扫 观 看 在 线 视频 : 
数码 产品 广告 设计 


17.2.1_ 制作 数码 产品 广告 主体 效果 2 


下 面 详细 介绍 制作 数码 产品 广告 主体 效果 的 方法 。 

即 弹 01| 按 Cul+O 组 合 键 ， 打 开 一 幅 素材 图 像 ， 如 图 17-25 所 示 。 

辆 如 02 新 建 “ 亮 度 /对 比 度 1” 调 整 图 层 ， 展 开 “ 属 性 ”面板 ,设置 “亮度 ”为 42， 
提高 图 像 亮度 ， 效 果 如 图 17-26 所 示 。 


专家 指点 》 


不 同 的 店铺 色调 ， 会 给 顾客 不 一 样 的 感觉 ， 合 适 的 店铺 色彩 不 但 可 以 激发 顾客 的 购 
买 谷 ， 同 时 可 以 提高 商品 的 水 准 ， 店 主 应 该 如 何 选择 主 色调 呢 ? 

一 般 来 说 ， 上 暖色 系 是 很 容易 亲近 的 色 系 ,例如 红 、 黄 等 色 ， 这 上 比较 适合 年 轻 阶 层 光顾 
的 店铺 ; 同色 系 中 ， 和 粉红、 鲜红 、 疙 黄色 等 是 女性 喜好 的 色彩 ， 适 合 妇女 用 品 店 及 婴 幼 儿 
服饰 店 等 产品 华丽 的 高 级 店铺 ; 冷色 系 有 端庄 肃穆 的 感觉 ， 适 合 高 档 商 务 男装 店铺 使 用 。 


一 
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图 17-25 ”打开 素材 图 像 17-26 ”提高 图 像 亮 度 


上 国 到 03] 选择 “ 滤 镜 ” | “模糊 ” 命令 , 弹出 “高 斯 模糊 ”对 话 框 , “半径 ”设置 为 10 像素， 
如 图 17-27 所 示 。 

恕 到 04| 单 击 “ 确 定 ” 按 钮 ， 即 可 应 用 “模糊 ” 滤 镜 ， 制 作出 模糊 的 背景 ， 效 果 如 
图 17-28 所 示 。 


17-27 ”设置 滤 镜 参数 17-28 ”应 用 滤 镜 


国 到 05| 按 CultO 组 合 键 ， 打开“ 手机 psd” 素 材 图 像 ， 如 图 17-29 所 示 。 

恕 到 06| 运用 移动 工具 将 素材 图 像 拖 电 至 背景 图 像 编辑 窗口 中 ， 适 当 调整 图 像 的 位 置 ， 
如 图 17-30 所 示 。 

国 到 07| 双击 “图 层 1 拷贝 ”图 层 ， 弹 出 “图 层 样式 ”对 话 框 ， 选 中 “投影 ” 复 选 框 ， 
设置 投影 颜色 为 黑色 (RGB 值 均 为 255)， 各 选项 设置 如 图 17-31 所 示 。 

葬 副 08| 单 击 “ 确 定 ”按钮 ， 应 用 图 层 样式 ， 效 果 如 图 17-32 所 示 。 

辆 可 09| 在 “图 层面 板 ” 中 ， 新建“ 图 层 2” 图 层 ， 如 图 17-33 所 示 。 

辆 嫌 10| 选择 工具 箱 中 的 画笔 工具 , 在 工具 属性 栏 中 设置 “画笔 大 小 ”为 70 像素 、“ 硬 
度 ” 为 0%、“ 不 透明 度 ” 为 41%， 在 手机 的 下 方 涂抹 添加 黑色 的 阴影 ， 效 果 如 图 17-34 所 示 。 
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图 17-29 打开 素材 图 17-30 ” 拖 电 素材 
Ey 四 
mm 国 
图 
加 图 
加 
mts a 设置 
图 17-31 设置 各 项 参数 图 17-32 ”应 用 图 层 样式 
图 层 渗 道 冶 信 到 
PE ~- 
四 4 a 
@ [车 | 图 层 1 持 由 fr 
但 效果 
© 投影 
. 图 2 拟 - 新 建 
- DEE 
DOG. 日 全 a 
图 17-33 ”新建 “图 层 2” 图 层 图 17-34 ”创建 阴影 
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专家 指点 )) 


图 层 可 以 看 作 是 一 张 独立 的 透明 胶片 ， 其 中 每 张 胶 片上 都 绘 有 图 像 ， 将 所 有 的 胶片 
按 “ 图 层 ” 面 板 中 的 排列 次 序 ， 自 上 而 下 进行 合 加 ， 最 上 层 的 图 像 庆 住 下 层 同 一 位 置 的 
图 像 ， 而 在 其 迁 明 区 域 则 可 以 看 到 下 层 的 图 像 ， 最 终 通 过 登 加 得 到 完整 的 图 像 。 


17.2.2 ”制作 数码 产品 广告 文字 效果 四 


下 面 介绍 制作 数码 产品 广告 文字 效果 的 方法 。 

葬 涪 01| 按 Ctrl+O 组 合 键 ， 打 开 “ 文 字 psd” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 拖 
忠 至 背景 图 像 编 辑 窗口 中 ， 适 当 调 整 图 像 的 位 置 ， 效 果 如 图 17-35 所 示 。 

攻 弹 02| 选取 工具 箱 中 的 椭圆 工具 ， 在 工具 属性 栏 中 设置 “填充 ”为 红色 (RGB 参数 
值 分 别 为 255、0、0)、“ 描 边 ” 为 无 ， 按 Shift 键 在 图 像 编 辑 窗口 中 绘制 一 个 正 圆 形 ， 如 


iDP X 限 量 版 
无 限 流量 大 王 卡 流量 随便 用 
a 上 


17-36 所 示 。 


i9P XX 限量 版 
由 | En 
二 | 拖 虚 | 


图 17-35 ”打开 文字 素材 图 17-36 绘制 正 圆 图 形 


专家 指点 )) 


网 上 做 买卖 ， 最 主要 的 是 如 何 把 自己 的 商品 信息 准确 地 传递 给 顾客 ， 让 顾客 光顾 自 
已 的 店铺 。 图 片 传递 的 只 是 商品 的 样式 和 颜色 的 信息 ， 对 于 性 能 、 材 料 、 售 后 服务 ， 买 
家 一 概 不 知 ， 所 以 这 些 内 容 需 要 通过 文字 的 描述 来 告诉 买 家 。 


区 3 选取 工具 箱 中 的 横 排 文 字 工 具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “Adobe 
黑体 Std”、“ 字 体 大 小 ”为 8 点、“ 颜 色 ” 为 白色 (RGB 参数 值 均 为 255)， 如 图 17-37 所 示 。 

区 到 04| 在 图 像 编辑 窗口 中 输入 文字 ， 效 果 如 图 17-38 所 示 。 

辆 强 05| 按 CalO 组 合 键 ， 打 开 “ 充 电 宝 psd” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 像 
拖 电 至 背景 图 像 编 辑 窗口 中 ， 适 当 调整 图 像 的 位 置 ， 效 果 如 图 17-39 所 示 。 

区 国 06| 选取 工具 箱 中 的 圆 角 矩形 工具 ， 在 工具 属性 栏 中 设置 “填充 ”为 红色 (RGB 参 
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数值 分 别 为 255、0、0)、“ 描 边 ” 为 无 、“ 半 径 ” 为 10 像素 ， 在 图 像 编辑 窗口 中 绘制 一 个 
圆 角 和 矩形， 如 图 17-40 所 示 。 


图 17-39 拖 电 素 材 图 17-40 绘制 圆 角 和 矩形 


国 到 07| 双击 “ 圆 角 和 矩形 1” 图 层 , 弹出 “图 层 样式 ”对 话 框 , 选中 “投影 ” 复 选 框 ，“ 投 
影 ” 颜 色 设 置 为 黑色 (RGB 参数 值 均 为 0)， 各 选项 设置 如 图 17-41 所 示 。 
鲁 到 08| 单 击 “ 确 定 ”按钮 ， 应 用 图 层 样 式 ， 效 果 如 图 17-42 所 示 。 


ee 画 | 

二 
过 le i9P 义 限量 皮 
m 日 m9 | oy 流民 

a ml 送 ， 无限 汶 量 天 王 下 流量 随便 用 
委 a - 国 民 RE 
二 aa -aa 四 fe 
FE | 设置 

Bi Ee 

17-41 设置 “ 描 边 ”参数 图 17-42 应 用 图 层 样式 
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区 国 09| 选取 工具 箱 中 的 横 排 文字 工具 ,在 “字符 ?面板 中 设置 “字体 系列 ?为 “方正 细 黑 一 
简体 ”、“ 字 体 大 小 ”为 7.5 点 、“ 颜 色 ” 为 白色 (RGB 参数 值 均 为 255)、“ 行 距 ” 为 8.2 点 、 
“设置 所 选 字 符 的 字 距 调整 ”为 -100， 激 活 仿 粗 体 图 标 ， 如 图 17-43 所 示 。 

辆 如 10| 在 图 像 编辑 窗口 中 输入 文字 ,效果 如 图 17-44 所 示 。 


字符 ”局 和 本 
| ER "| 
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图 17-43 设置 “字符 ”面板 17-44 输入 文字 


17.3， 图 书 微 店 界面 设计 


在 制作 图 书 微 店 界面 时 ， 首 先 制作 出 顶部 的 横幅 广告 ， 再 用 多 张 精 美的 图 片 制作 出 展示 
区 ， 并 添上 说 明 性 文字 ， 即 可 完成 设计 。 
本 实例 最 终 效 果 如 图 17-45 所 示 。 


店铺 首页 全 部 商品 新 品 上 架 PE 


《旅游 摄影 高 手 新 玩法 》 。 《手机 摄影 高 手 新 玩法 》 


《旅游 摄影 高 手 新 玩法 》 《手机 摄影 高 手 新 玩法 》 宝贝 分 类 


17-45 ”实例 效果 
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扫 一 扫 观 看 在 线 视频 : 
图 书 激 店 界面 设计 


17.3.1_ 制 作 微 店 横幅 广告 效果 D 


下 面 详细 介绍 制作 微 店 横幅 广告 效果 的 方法 。 

苞 到 01] 选择 “文件 ” |“ 新建” 命令 ,弹出 “新 建文 档 ” 对话 杠 ， 设 置 各 选项 如 
图 17-46 所 示 ， 单 击 “ 创 建 ”按钮 ， 新 建 一 个 空白 图 像 。 

殴 王 02| 按 cut+o 组 合 键 ， 打开 “横幅 广告 背景 jpg” 素 材 图 像 ， 运 用 移动 工具 将 素 
材 图 像 拖 电 至 背景 图 像 编辑 窗口 中 ， 适 当 调整 图 像 的 位 置 ， 效 果 如 图 17-47 所 示 。 


图 17-46 新建 空 白 图 像 图 17-47 拖 虫 图 像 


项 缠 03] 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “方正 
大 黑 简 体 ”、“ 字 体 大 小 ”为 50 点 、“ 颜 色 ” 为 浅 蓝 色 (RGB 参数 值 分 别 为 0、114、255)， 
在 图 像 编辑 窗口 中 输入 文字 ， 如 图 17-48 所 示 。 

恕 到 04| 在 “图 层 1” 图 层 上 方 新 建 一 个 图 层 ， 选 取 椭 圆 选 框 工具 ， 在 工具 属性 栏 中 设 
置 “ 羽 化 ”为 10 像素 ， 在 图 像 编辑 窗口 中 绘制 一 个 椭圆 选 框 ， 效 果 如 图 17-49 所 示 。 

毁 玉 05| 设置 前 景色 为 黄色 (RGB 参数 值 分 别 为 221、173、84)， 为 选区 填充 前 景色 并 
取消 选区 ， 效果 如 图 17-50 所 示 。 

辆 弹 06| 按 CultO 组 合 键 , 打开 “ 微 店 装饰 psd” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 
像 拖 电 至 背景 图 像 编 辑 窗口 中 ， 适 当 调整 图 像 的 位 置 ， 效 果 如 图 17-51 所 示 。 
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图 17-48 输入 文字 17-49 ”绘制 椭圆 选 杠 


图 17-50 ”取消 选区 图 17-51 拖 电 装 饰 素材 


17.3.2_ 制 作 店铺 商品 展示 效果 o| 


下 面 详细 介绍 制作 店铺 商品 展示 效果 的 方法 。 
葬 赔 01| 选取 工具 箱 中 的 矩形 工具 ， 设置“ 填充 ”为 浅 灰 色 (RGB 参数 值 均 为 238)， 绘 
制 一 个 矩形 图 形 ， 效 果 如 图 17-52 所 示 。 
区 国 02] 选取 工具 箱 中 的 横 排 文 字 工具 ,在 “字符 ”面板 中 设置 “字体 系列 ”为 “微软 雅 黑 ”、 
“字体 大 小 ”为 30 点 、“ 颜 色 ” 为 黑色 , 在 图 像 编 辑 窗口 中 输入 文字 , 效果 如 图 17-53 所 示 。 
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17-52 绘制 矩形 17-53 输入 文本 


专家 指点 )) 


微 店 想 要 吸引 顾客 ， 必 须 从 店铺 装修 入 手 ， 优 化 店铺 界面 。 漂 亮 的 店铺 可 以 让 买 家 
在 购物 的 同时 ， 享 受精 美的 界面 带 来 的 愉悦 感 ; 同时 让 买 家 较 长 时 间 地 停留 在 店铺 ， 增 
加 购买 的 可 能 性 ， 打 造 销量 猛 增 的 微 店 旺 铺 。 


恕 到 03] 运用 横 排 文字 工具 选择 “店铺 首页 ”文字 ， 在 “字符 ”面板 中 设置 “颜色 ”为 
红色 (RGB 参数 值 分 别 为 235、35、35)，, 效果 如 图 17-54 所 示 。 


辆 台 04| 选取 工具 箱 中 的 直线 工具 ， 设置“ 填充 ”为 红色 (RGB 参数 值 分 别 为 235、 
35、35)、“ 粗 细 ” 为 3 像素 ， 绘 制 一 条 直线 图 形 ， 效 果 如 图 17-55 所 示 。 


图 17-54 调整 文字 颜色 图 17-55 绘制 直线 
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项 国 05| 选取 工具 箱 中 的 直线 工具 ,设置 “填充 ”为 红色 (RGB 参数 值 分 别 为 235、 
35、35)、“ 粗 细 ” 为 8 像素 ， 绘 制 一 条 竖 直 的 直线 图 形 ， 效 果 如 图 17-56 所 示 。 

区 到 06| 按 CtltO 组 合 键 ， 打 开 “ 商 品 展 示 区 psd” 素 材 图 像 ， 运 用 移动 工具 将 素材 
图 像 拖 电 至 背景 图 像 编 辑 窗口 中 ， 适 当 调 整 图 像 的 位 置 ， 效 果 如 图 17-57 所 示 。 


《旅游 摄影 高 手 新 玩法 》 《手机 摄影 高 手 新 玩法 》 


17-56 ”绘制 直线 图 17-57 拖 时 商品 素材 
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随 着 新 媒体 和 内 容 营销 的 迅速 崛起 ， 如 何在 电 商 运营 中 利用 视觉 营销 提高 
品牌 、 店 铺 和 产品 的 知名 度 并 创造 利润 ? 这 一 点 是 微 商 朋友 圈 运 营 者 关注 的 重 
点 ， 也 是 难点 。 本 章 主要 介绍 电 商 平台 的 新 媒体 美工 设计 案例 。 


本 章 重 点 导航 


@ 潮流 休闲 鞋 广告 设计 
@ 珠宝 首饰 产品 广告 设计 
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新 媒体 美工 下 辐 呈 辐 pb 


18.1 ”潮流 休闲 鞋 广告 设计 


本 案例 是 针对 微 商 朋 友 圈 平台 设计 的 休闲 鞋 广告 ， 在 制作 的 过 程 中 使 用 充满 活力 感 的 强 
对 比 色 背景 图 片 进行 修饰 ， 添 加 促销 方案 以 及 简单 的 广告 词 来 突出 产品 优势 。 
本 实例 最 终 效果 如 图 18-1 所 示 。 
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图 18-1 实例 效果 


扫 一 扫 观 看 在 线 视频 : 
潮流 休闲 鞋 广告 设计 


18.1.1 _ 制作 微 商 朋 友 圈 广告 背景 效果 对 


下 面 主 要 通过 运用 裁剪 工具 、“ 亮 度 / 对 比 度 ”命令 来 制作 微 商 朋友 圈 广 告 的 背景 效果 。 

葬 事 01| 按 Cul+O 组 合 键 ， 打 开 一 幅 素材 图 像 ， 如 图 18-2 所 示 。 

区 国 02] 在 工具 箱 中， 选取 裁剪 工具 ， 如 图 18-3 所 示 。 

区 国 03| 在 工具 属性 栏 中 的 “选择 预 设 长 宽 比 或 裁剪 尺寸 ” 列表 框 中 选择 “1 : 1( 方 形 )” 
选项 ， 如 图 18-4 所 示 。 

区 国 04] 执行 操作 后 ， 在 图 像 中 会 显示 1 : 1 的 方形 裁剪 框 ， 如 图 18-5 所 示 。 

调整 裁剪 的 区 域 ， 按 Enter 键 确认 裁剪 图 像 ， 如 图 18-6 所 示 。 

选择 “图 像 ”|“ 调 整 ”|“ 亮 度 / 对比度” 命令 ， 弹 出 “亮度 /对比 度 ” 对 话 框 ， 
设置 “亮度 ”为 10、“ 对 比 度 ” 为 15， 单 击 “确定 ”按钮 ， 即 可 增强 主 图 背景 的 对 比 效 果 ， 
效果 如 图 18-7 所 示 。 
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图 18-2 打开 素材 图 像 


1366 x 768 像素 135 ppi 


A 


图 18-4 选择 “1 : 1( 方 形 )” 选 项 图 18-5 显示 方形 裁剪 杠 


A 


18-6 ”确认 裁剪 图 像 图 18-7 增强 主 图 背景 的 对 比 效果 


ET 
腹 除 栽 稻 祯 设 … 


18.1.2_ 制 作 微 商 朋 友 圈 广告 商品 效果 多) 
下 面 主要 运用 移动 工具 、 复 制图 层 、 魔 棒 工 具 、 旋 转 命令 等 ， 制 作 帆布 鞋 网 店主 图 的 商 
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品 图 像 效 果 。 
区 到 01] 按 Cul+O 组 合 键 ， 打 开 一 幅 商 品 素材 图 像 ， 如 图 18-8 所 示 。 
莹 到 02] 按 Ctrl+J 组 合 键 ， 复 制 一 个 新 图 层 ， 隐 藏 “背景 ”图 层 ， 如 图 18-9 所 示 。 
苞 到 03] 在 工具 箱 中 ， 选 取 魔 棒 工 具 ， 在 工具 属性 栏 中 设置 “ 容 差 ”为 6， 在 图 像 的 
色 区 域 单 击 鼠 标 左 键 ， 即 可 创建 选区 ， 如 图 18-10 所 示 。 
区 玉 04| 按 Delete 键 ， 删 除 选区 内 的 部 分 图 像 ， 去 除 白色 背景 图 像 ， 如 图 18-11 所 示 。 
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图 18-8 打开 素材 图 像 图 18-9 复制 一 个 新 图 层 


图 18-10 创建 选区 


18-11 删除 选区 


毁 弹 05| 先 取 消 选区 ， 然 后 在 工具 箱 中 ， 选 取 移动 工具 ， 将 抠 取 的 鞋子 图 像 拖 中 至 背景 
图 像 的 编辑 窗口 中 ， 如 图 18-12 所 示 。 


按 CtlHT 组 合 键 ， 调 出 变换 控制 框 ， 适 当地 调整 图 像 的 大 小 和 位 置 ， 如 
图 18-13 所 示 。 
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图 18-12 拖 虫 图 像 图 18-13 调整 图 像 


18.1.3_ 制 作 微 商 朋友 圈 广告 文案 效果 过 


下 面 介绍 制作 微 商 朋 友 圈 广 告 文案 效果 的 方法 。 

恕 到 01| 在 “图 层 ” 面 板 下 方 ， 单 击 “ 创 建新 图 层 ” 按 钮 ， 新 建 “ 图 层 2” 图 层 ， 如 
图 18-14 所 示 。 

辆 台 02| 在 工具 箱 中 选取 矩形 工具 ， 在 工具 属性 栏 中 设置 “ 拾 色 器 (填充 颜色 )” 为 绿 
色 (RGB 参数 值 分 别 为 0、153、68)， 如 图 18-15 所 示 。 


图 时 ”通道 的 径 - 
PU 四 OTDB 。 
100% 
图 Ea 100: 


oo 大 加 GO 回避 全 


18-14 新建 “图 层 2” 图 层 18-15 ”设置 填充 颜色 


项 到 03| 在 黄色 背景 部 分 的 合适 位 置 ， 绘 制 一 个 矩形 图 像 ， 如 图 18-16 所 示 。 
区 到 04| 在 “图 层 ” 面板 中 , 使 用 鼠标 左 键 双击 “和 矩形 1” 图 层 , 弹出 “图 层 样式 ”对 话 框 ， 
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选中 “投影 ” 复 选 框 ， 设 置 “ 不 透明 度 ” 为 29%、“ 距 离 ”为 3 像素 、“ 大 小 ”为 3 像素 ， 
如 图 18-17 所 示 。 
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18-16 ”绘制 矩形 图 18-17 设置 参数 


恕 到 05] 单 击 “确定 ”按钮 ， 即 可 为 矩形 添加 投影 效果 ， 如 图 18-18 所 示 。 
殴 到 06] 在 工具 箱 中 选取 横 排 文字 工具 , 设置 “字体 ”为 “黑体 ”、“ 字 体 大 小 ”为 5 点 、 
“颜色 ”为 白色 (RGB 参数 值 均 为 255)， 激 活 仿 粗 体 图 标 ， 如 图 18-19 所 示 。 
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图 18-18 ”添加 投影 效果 图 18-19 设置 参 六 


正确 地 对 图 层 样式 进行 操作 ， 可 以 使 用 户 在 工作 中 更 方便 地 查看 和 管理 图 层 样 式 。 
隐藏 图 层 样 式 后 ， 可 以 暂时 将 图 层 样式 进行 清除 ， 也 可 以 重新 显示 。 而 删除 图 层 样 式 ， 
则 是 将 图 层 中 的 图 层 样式 进行 彻底 清除 ， 无 法 还 原 。 


辆 如 07| 输入 相应 的 文字 ， 按 Ctl+Enter 组 合 键 确认 输入 ， 切 换 至 移动 工具 ， 根 据 需 要 
适当 地 调整 文字 的 位 置 ， 效 果 如 图 18-20 所 示 。 
毁 玉 08] 新 建 一 个 图 层 ， 在 工具 箱 中 选取 横 排 文字 工具 ， 设 置 “ 字 体 ” 为 “方正 大 黑 简 


微 商 平台 : | 辆 
KES 微 商 朋友 图 广告 设计 | 虹 


体 ”、“ 字 体 大 小 ”为 12 点 、“ 颜 色 ” 
图 18-21 所 示 。 


英语 
图 18-20 输入 并 调整 文字 18-21 设置 参数 


辆 强 09| 输入 文字 “全 国 包 邮 ”， 按 CtrltEnter 组 合 键 确认 输入 ， 切 换 至 移动 工具 ， 根 
据 需 要 适当 地 调整 文字 的 位 置 ， 效 果 如 图 18-22 所 示 。 


殴 王 10] 双击 “全 国 包 邮 ”文字 图 层 ， 弹 出 “图 层 样式 ”对 话 框 ， 选 中 “图 案 释 加 ” 复 
选 框 ， 选 择 释 加 图 案 ， 如 图 18-23 所 示 。 
舒适 轻便 新 品 上 市 2 本 3 
各 | = | 司 。 周 雪 原点 (4) 回 预览 () 
| TT 
| 六 回 汉 Weel 
| Dm 四 | 选择 
Da 
| 日 凤 ” 田 
图 18-22 输入 并 调整 文字 图 18-23 ”选择 全 加 图 案 


由 于 朋友 圈 图 片 广 告 的 区 域 不 大 ， 因 此 在 其 中 添加 文字 和 图 片 元 素 时 ， 一定 要 注意 
颜色 和 字体 的 协调 ， 不 可 滥用 过 多 的 颜色 和 字体 ， 以 免 消费 者 产生 视觉 疫 劳 。 例 如 ， 很 
多 微 商 喜 欢 采 用 非常 艳丽 的 颜色 来 吸引 消费 者 眼球 ， 这 种 设计 看 上 去 虽然 很 有 视觉 冲击 
力 ， 其 实 很 难 提升 商品 的 转化 率 。 
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选中 “投影 ” 复 选 框 ,设置 “不 透明 度 ” 为 37%、“ 距 离 ”为 5 像素 、“ 大 小 ” 
为 5 像素， 如 图 18-24 所 示 。 


毁 王 12| 单 击 “ 确 定 ”按钮 ， 即 可 完成 对 文字 的 设置 ， 如 图 18-25 所 示 。 
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| MSE Bad | 
| 三 Ta 设置 
| et ET ! 
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YE 自 
图 18-24 设置 参数 图 18-25 ”查看 效果 


按 CtrltO 组 合 键 ， 打开 “文字 psd” 素 材 图 像 ， 运 用 移动 工具 将 其 拖 电 至 背 
景 图 像 编辑 窗口 中 的 合适 位 置 ， 效 果 如 图 18-26 所 示 。 

区 国 14| 按 CultO 组 合 键 ， 打 开 “ 斜 线 psd” 素 材 图 像 ， 运 用 移动 工具 将 其 拖 电 至 背 
景 图 像 编辑 窗口 中 的 合适 位 置 ， 效 果 如 图 18-27 所 示 。 


一 
威 匡 1974X 系 列 威 匡 1974X 系 列 
[潮流 休闲 先 ] [潮流 休闲 鞋 1 
拖 扎 me 263 m263 
图 18-26 ， 拖 电文 字 素材 图 18-27， 拖 电 斜 线 素材 


18.2， 珠 宝 首饰 产品 广告 设计 
在 新 媒体 商务 活动 中 ， 画 册 在 企业 形象 推广 和 产品 营销 中 的 作用 越 来 越 重要 。 本 实例 制 
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作 的 是 一 个 珠宝 企业 小 程序 的 画册 广告 ， 为 了 增强 顾客 高 档 、 享 受 等 体验 ， 在 设计 时 使 用 了 
一 些 独特 的 元 素来 体现 珠宝 的 品质 。 
本 实例 最 终 效 果 如 图 18-28 所 示 。 


18-28 ”实例 效果 


扫 一 扫 观 看 在 线 视频 : 
珠宝 首饰 产品 广告 设计 
18.2.1 制作 珠宝 广告 背景 效果 W 


珠宝 画册 背景 以 红色 为 整体 色调 ， 并 在 其 中 添加 了 各 种 金色 和 银色 的 珠宝 饰品 素材 ， 真 
正 地 体现 出 一 种 高 贵 感 ， 具 体操 作 方法 如 下 。 

区 到 01] 按 Ctl+o 组 合 键 ， 打 开 一 幅 素材 图 像 ， 如 图 18-29 所 示 。 

恩 到 02] 按 Cult+O 组 合 键 ， 打开 “飘带 psd” 素 材 ， 使 用 移动 工具 将 素材 图 像 拖 中 至 
背景 图 像 编 辑 窗口 中 ， 效 果 如 图 18-30 所 示 。 

辆 如 03| 双击 “飘带 ”图 层 ， 在 弹出 的 对 话 框 中 选中 “外 发 光 ” 复 选 框 ， 设置 “发 光 颜 
色 ”RGB 参数 值 分 别 为 255、255、190，, 设置 其 他 参数 如 图 18-31 所 示 。 

区 到 04| 设置 完毕 后 , 单 击 “ 确 定 ” 按 钮 ， 为 图 像 添加 图 层 样式 ,效果 如 图 18-32 所 示 。 

区 到 05| 按 Culto 组 合 键 , 打开 “珠宝 psd” 素材 ， 使 用 移动 工具 将 素材 图 像 拖 中 至 
背景 图 像 编辑 窗口 中 ， 效 果 如 图 18-33 所 示 。 

区 到 06| 双击 “珠宝 ”图 层 ， 在 弹出 的 对 话 框 中 选中 “外 发 光 ” 复 选 框 ， 设 置 “ 发 光 颜 
色 ”RGB 参数 值 分 别 为 235、255、190， 再 设置 其 他 参数 如 图 18-34 所 示 。 
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| 设置 完毕 后 ， 单 击 “ 确 定 ”按钮 ， 为 图 像 添 加 图 层 样 式 ， 效 果 如 图 18-35 所 示 。 
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微 商 朋 友 转 广 告 设计 上 加 


复制 珠宝 图 像 多 次 ,并 适当 地 调整 各 图 像 的 位 置 和 大 小 , 效果 如 图 18-36 所 示 。 


图 像 编 各 窗 口中 的 合适 位 置 ， 效 果 如 图 18-37 所 示 。 


10] 


惫 上 中 的 各 通 佐 效果 如 图 18-38 所 示 。 


9| 按 CtrltO 组 合 键 ， 打开“ 珠宝 饰品 psd” 素 材 ， 将 素材 图 像 分 别 拖 电 至 背景 


按 Ctrl+O 组 合 键 ， 打 开 “ 星 点 .psd” 素 材 ， 将 素材 图 像 拖 忠 至 背景 图 像 编辑 


辆 赚 11] 复制 “ 星 点 ”图 层 两 次 ， 并 根据 需要 将 图 像 分 别 调 至 第 2 个 和 第 3 个 圆 角 和 矩形 
图 像 上 ， 效果 如 图 18-39 所 示 。 
12| 按 Ctl+O 组 合 键 ， 打 开 “ 星 星 jpg” 素 材 ， 将 素材 图 像 拖 点 至 背景 图 像 编辑 
窗口 中 的 合适 位 置 ， 效果 如 图 18-40 所 示 。 


适当 地 调整， 效果 如 图 18-42 所 示 。 


设置 “图 层 4” 图 层 的 混合 模式 为 “ 滤 色 ”， 效 果 如 图 18-41 所 示 。 
复制 “图 层 4” 图 层 多 次 ， 根 据 需要 对 各 图 像 的 大 小 、 位 置 、 角 度 和 方向 进行 
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新 媒体 运营 者 只 有 注重 视觉 设计 ， 才 能 保证 良好 的 视觉 营销 效果 。 基 本 的 视觉 图 形 


主要 可 分 为 三 大 类 型 ， 即 点 、 线 、 面 。 
@ 点 ， 属 于 最 简单 的 视觉 图 形 ， 当 它 被 合理 运用 时 就 能 产生 良好 的 视觉 效果 。 


@ 线 和 点 不 同 的 地 方 在 于 ， 线 构成 的 视觉 效果 是 流动 性 的 ， 富 有 动感 。 
@ 面 是 点 放大 后 的 呈现 形式 ,通常 可 以 分 为 各 种 不 同形 状 ， 如 三 角形 、 
形 等 ， 还 可 以 是 不 规则 的 形状 。 


正方 形 和 图 


es 
1| 选取 横 排 文字 工具 ， 展 开 “ 字 符 ” 面 板 ， 设置“ 颜色 ”为 白色 ,再 设置 其 他 选 
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项 如 图 18-43 所 示 。 
在 图 像 编辑 窗口 中 的 合适 位 置 输入 所 需 的 文字 ， 效 果 如 图 18-44 所 示 。 
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| 开 [2 点 ”|v| 运 | 仿 动 [~|| 

|wn v~| 四 :loo v | 

HT 100% TL, 100% | 

入 上 地 
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图 18-43 展开 “字符 ”面板 图 18-44 输入 文字 


辆 副 03| 复制 “my love” 两 次 ， 根 据 需要 调整 文字 的 位 置 、 大 小 和 方向 ， 效 果 如 
图 18-45 所 示 。 


图 18-45 复制 并 调整 文字 
葬 到 04| 使 用 横 排 文字 工具 在 图 像 编辑 窗口 中 的 合适 位 置 单 击 鼠 标 左 键 并 确认 插入 
点 ， 展开 “字符 ”面板 ,设置 “字体 系列 ”为 “华文 隶书 ”、“ 字 体 大 小 ”为 7 点 、“ 设 置 
所 选 字符 的 字 距 调整 ”为 100、“ 颜 色 ” 为 粉红 色 (RGB 参数 值 分 别 为 255、197、215)， 如 
图 18-46 所 示 。 
在 图 像 编 辑 窗口 中 的 合适 位 置 输入 所 需 的 文字 ， 效 果 如 图 18-47 所 示 。 
复制 并 调整 文字 ， 本 实例 制作 完毕 ， 效 果 如 图 18-48 所 示 。 
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图 18-46 设置 字符 参数 


图 18-48 复制 并 调整 文字 
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H5 是 伴随 着 移动 互联 网 兴起 的 一 种 新 型 广告 工具 ， 具 有 很 多 移动 互联 网 的 
广告 优势 ， 如 娱乐 化 、 和 碎片 化 、 社 会 化 以 及 互动 性 强 等 。 可 以 说 ，H5 技术 的 成 
熟 ， 不 但 为 移动 互联 网 开辟 了 一 种 全 新 的 广告 推广 方式 ， 同 时 也 推动 了 基于 移 
动 互联 网 的 新 媒体 广告 的 快速 发 展 。 


本 章 重点 导航 


婚礼 请 束 H5 页 面 设计 
@ 汽车 品牌 推广 H5 页 面 设计 


长 沙 旗 下 30 家 门店 
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19.1 ”婚礼 请 束 H5 页 面 设计 


婚礼 请 束 是 新 人 在 举办 婚礼 时 邀请 双方 各 自 的 亲朋 好 友 来 参加 婚礼 时 所 发 出 的 一 种 邀请 
书 ， 是 即将 结婚 的 新 人 所 印 制 的 邀请 函 。 但 随 着 时 代 的 进步 ， 以 及 亲朋 好 友 们 可 能 都 不 在 同 
一 个 城市 ， 隔 着 很 远 的 距离 ， 纸 质 印 制 的 邀请 国 已 不 如 互联 网 方便 快捷 ， 这 便 是 婚礼 请 束 H5 
页 面 设计 具有 的 价值 优势 。 

本 实例 最 终 效果 如 图 19-1 所 示 。 


EN 

结婚 只 
< 口 XB UJ= 
邀 您 委 加 我 们 的 婚礼 


edding 


一 生 一 和 芷 百 征 妈 全 


图 19-1 实例 效果 


扫 一 扫 观 看 在 线 视频 : 
婚礼 请 东 H5 界面 设计 


19.1.1 设计 婚礼 请 束 主题 背景 效果 


在 进行 婚礼 请 束 背 景 的 设计 时 ， 运 用 适当 的 背景 色彩 及 各 种 元 素 的 合理 搭配 ， 既 可 以 突 
出 爱情 的 主题 ， 又 能 够 彰显 出 自身 婚礼 的 特色 ， 下 面 详 细 介绍 设计 婚礼 请 柬 主题 背景 效果 的 
胡 法 。 

选择 “文件 ”|“ 新 建 ” 命 令 , 弹出“ 新建 文档 ”对 话 框 , 设置“ 名称 ”为 “ 婚 
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礼 请 柬 H5 界面 设计 ”、“ 宽 度 ”为 1080 像素 、“ 高 度 ” 为 1920 像素 、“ 分 辨 率 ” 为 300 
像素 /英寸 “颜色 模式 ”为 “RGB 颜色 ”、“ 背 景 内 容 ” 为 “白色 ”， 如 图 19-2 所 示 ， 单 
击 “ 创 建 ”按钮 ， 新 建 一 个 空白 图 像 。 

设置 前 景色 的 颜色 为 粉红 色 (RGB 参数 值 分 别 为 254、207、208)， 效 果 如 
图 19-3 所 示 。 


图 19-2 新 建 空白 文档 图 19-3 设置 前 景色 


葬 台 03| 新 建 “ 图 层 1” 图 层 ， 按 AlttDelete 组 合 键 填充 颜色 ， 效 果 如 图 19-4 所 示 。 
辆 副 04| 按 Culto 组 合 键 ， 打开 “爱心 背景 psd” 素 材 图 像 ， 运 用 移动 工具 将 其 拖 忠 
至 背景 图 像 编辑 窗口 中 ， 效 果 如 图 19-5 所 示 。 


图 19-4 填充 背景 图 图 19-5 ” 拖 虫 素材 图 像 
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恕 玉 05| 在 “图 层 ” 面 板 中 ,选中 “图 层 1” 图 层 ， 设 置 图 层 “ 不 透明 度 ”为 50%， 效 
果 如 图 19-6 所 示 。 

攻 涪 06| 按 Ctrl+O 组 合 键 ， 打 开 “ 新 人 模特 .psd” 素 材 图 像 ， 运 用 移动 工具 将 素材 图 
像 拖 忠 至 图 像 编辑 窗 口中 ， 适 当地 调整 图 像 大 小 及 位 置 ， 效 果 如 图 19-7 所 示 。 


名 名 


Fe 
; 
二 1 
bd | 
| | 3 
色 名 入 和 
图 19-6 ”设置 不 透明 度 效 果 图 19-7 拖 忠 人 物 素材 
19.1.2 设计 婚礼 请 柬 文 本 和 矩形 效果 (2 


根据 婚礼 请 柬 主题 背景 的 粉色 色彩 ， 在 设计 婚礼 请 柬 文本 矩形 时 ， 运 用 白色 色彩 为 矩形 
进行 填充 ， 能 够 让 整个 页 面 烘托 出 婚礼 的 幸福 感 ， 下 面 详细 介绍 设计 婚礼 请 束 文本 和 矩形 效果 
的 方法 。 

辆 如 01| 选取 工具 箱 中 的 矩形 工具 , 在 工具 属性 栏 中 设置 “选择 工具 模式 ”为 “形状 ”、 
“填充 ”为 无 、“ 描 边 ” 为 白色 (RGB 参数 值 均 为 255)、“ 描 边 宽度 ”为 3 像素 ， 在 图 像 纺 
辑 窗口 中 的 适当 位 置 绘制 一 个 矩形 ， 效 果 如 图 19-8 所 示 。 

项 到 02] 在 矩形 工具 属性 栏 中 设置 “填充 ”为 白色 (RGB 参数 值 均 为 255)、“ 描 边 ” 为 
无 ， 得 到 “矩形 2” 图 层 ， 效 果 如 图 19-9 所 示 。 

殴 到 03| 在 “图 层 ” 面 板 中 ， 按 住 Shift 键 的 同时 ， 选 中 “ 秆 形 1” 和 “和 矩 形 2” 两 个 图 
层 , 在 工具 属性 栏 中 ,分 别 单 击 “水平 居 中 对 齐 ” 和 “垂直 居中 对 齐 ”按钮 ， 将 两 个 矩形 垂 
直 水 平 居中 ， 设 置 两 个 图 层 的 “不 透明 度 ”为 60%， 效 果 如 图 19-10 所 示 。 

辆 如 04| 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “方正 
粗 宋 简体 ”、“ 字 体 大 小 ”为 66 点 .、“ 设 置 所 选 字符 的 字 距 调整 ”为 75、“ 颜 色 ” 为 黑色 (RGB 
参数 值 均 为 0)， 如 图 19-11 所 示 。 
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绘制 | 


图 19-8 绘制 矩形 19-9 ”得 到 “和 矩形 2” 图 层 
«x 
字符 段落 可 
| EYE 人 vv 
加 点 |“| 从 抽动 [~| 
MA v 75 v 


设置 


19-10 调整 图 像 


19-11 设置 字符 选项 


在 Photoshop 工作 界面 中 ， 居 中 操作 可 以 通过 下 面 两 种 方式 实现 。 

@ 使 用 移动 工具 选中 需要 居中 的 两 个 图 层 ， 在 工具 属性 栏 单 击 “水平 居 中 ”按钮 
或 “垂直 居中 ”按钮 * ， 即 可 对 图 层 对 象 进行 水 平 或 径直 居中 操作 。 

@ 选中 两 个 图 层 , 选择 “图 层 ”| “对齐”| “水平 居 中 ”命令 , 也 可 以 水 平 居中 图 层 对 象 。 
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输入 相应 的 文字 ， 并 调整 至 适当 位 置 ， 效 果 如 图 19-12 所 示 。 

辆 到 06| 在 “图 层 ”面板 中 双击 文字 图 层 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 ， 选 中 “ 描 
边 ” 复 选 框 , 设置 “大 小 ”为 3 像素 、“ 位 置 ”为 “外 部 ”、“ 颜 色 ” 为 白色 (RGB 参数 值 
均 为 255)， 如 图 19-13 所 示 。 


加 消 
白 建 习 式 (W) 
Di) 


19-12 输入 文字 19-13 设置 “ 描 边 ”图 层 样式 
攻 台 07| 选中 “投影 ” 复 选 框 ,设置 “混合 模式 ”为 “正片 释 底 ”、“ 阴 影 颜色 ”为 黑 
色 、“ 不 透明 度 ” 为 59%、“ 和 角度 ”为 90 度 、“ 距 离 ” 为 9 像素 ， 如 图 19-14 所 示 。 
毁 到 08] 单 击 “ 确 定 ”按钮 ， 添 加 相应 图 层 样式 ， 效 果 如 图 19-15 所 示 。 


到 
二 Qi 
= | 
| 四 
图 19-14 设置 “投影 ”图 层 样式 图 19-15 添加 相应 图 层 样式 


葬 如 09| 按 Cal+O 组 合 键 , 打开 “文字 1psd” 素 材 图 像 ， 运 用 移动 工具 将 其 拖 忠 至 当 
前 图 像 编辑 窗口 中 的 合适 位 置 ， 效 果 如 图 19-16 所 示 。 
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按 Cal+O 组 合 键 ， 打开“ 文字 2.psd” 素 材 图 像 ， 运 用 移动 工具 将 其 拖 忠 至 当 
前 图 像 编辑 窗口 中 的 合适 位 置 ， 效 果 如 图 19-17 所 示 。 
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结婚 过 时 


道 您 扫 加 我 们 网 婚 乱 
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拖 电 地 2 3 


图 19-16 拖 时 文字 素材 19-17 ”最终 效果 


19.2 汽车 品牌 推广 H5 页 面 设计 


随 着 时 代 的 进步 ， 汽 车 已 经 从 生活 中 的 奢侈 品 逐 渐 转 变 为 必 备品 ， 同 时 伴随 着 的 是 汽车 
品牌 的 增多 以 及 汽车 产品 的 面市 。 为 一 款 汽车 设计 出 一 种 极 具 吸 引力 的 汽车 产品 HS 页 面 效 
果 ， 能 够 大 大 地 推动 汽车 品牌 的 宣传 及 销量 ， 使 其 从 众多 竞争 品牌 中 脱颖而出 。 

本 实例 最 终 效果 如 图 19-18 所 示 。 


长 沙 旗 下 30 家 门店 


长 沙 瑞 代 


19-18 ”实例 效果 
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扫 一 扫 观 看 在 线 视频 : 
汽车 产品 上 5 页 面 设计 


19.2.1 ”设计 汽车 产品 背景 页 面 效 果 J| 
汽车 产品 的 页 面 设计 通常 采用 的 是 黑白 色调 ， 采 用 这 种 方式 不 仅 可 以 泻 染 气氛 ， 而 且 还 
能 给 自身 的 品牌 带 来 一 种 神秘 感 。 下 面 详细 介绍 设计 新 品 发 布 背景 形状 效果 的 方法 。 
苞 到 01] 选择 “文件 ”| “新 建 ” 命 令 ， 弹出“ 新建 文档 ”对 话 框 , 设置 “名 称 ” 为 “ 汽 
车 产品 H5 页 面 设计 ”、“ 宽 度 ”为 1080 像素 、“ 高 度 ” 为 1920 像素 、“ 分 辩 率 ”为 300 
像素 /英寸 、“ 颜 色 模式 ”为 “RGB 颜色 ”、“ 背 景 内 容 ” 为 “白色 ”， 如 图 19-19 所 示 ， 
单 击 “ 创 建 ”按钮 ， 新 建 一 个 空白 图 像 。 


四 策 5 使 用 而 。 已 人 让 胶片 。 打印 。 加 入 HERS 。 Wub 。 四 动 讽 备 。。 校 片 0 视 闫 

ea 站 we | 
| 汽车 产品 H5 页 面 设计 。 尼 | 

公 Q&S | we | 

X| 站 EC | 

i | 

中 om mm 如 mn || wo 贺 国 0 | 

【1 1 上 本， | 

T | :oemmd = 

兴 %| X | ae | 

| name v ov | 

和 -机 | ss | RR 

5 一 二 本 a i - 口 
TN 人 | > ma | 

兴 | | | 2 

D Ce | 器 间 击 >E3 


19-19 ”新 建 空白 文档 

殴 到 02] 选择 工具 箱 中 的 渐变 工具 , 单 击 “ 渐 变 ” 色 块 , 即 可 弹出 “渐变 编辑 器 ”对 话 框 ， 
新 建 预 设 渐变 , 设置 渐变 颜色 0% 位 置 为 灰色 (RGB 参数 值 均 为 147)、50% 位置 为 浅 灰 色 (RGB 
参数 值 均 为 251)、100% 位 置 为 灰色 (RGB 参数 值 分 别 为 135、131、131)， 如 图 19-20 所 示 。 

葬 台 03| 展开 “图 层 ” 面 板 ， 在 面板 下 方 单 击 “创建 新 图 层 ” 按 钮 ， 新 建 一 个 “图 层 1” 
图 层 , 并 选取 工具 箱 中 的 渐变 工具 , 在 图 像 编辑 窗口 中 , 由 上 至 下 拖 动 鼠标 填充 灰白 线性 渐变 ， 
效果 如 图 19-21 所 示 。 

芍 国 04| 选取 工具 箱 中 的 椭圆 工具 ,在 工具 属性 栏 中 设置 “选择 工具 模式 ”为 “形状 ” 、“ 填 
充 ” 为 黑色 (RGB 参数 值 均 为 0)、“ 描 边 ” 为 无 ， 在 图 像 编辑 窗口 中 绘制 一 个 如 图 19-22 所 
示 的 椭圆 ， 得 到 “椭圆 1” 图 层 。 

点 到 05] 按 CelHT 组 合 键 ， 调 出 变换 控制 框 ， 适 当 调整 图 像 大 小 及 位 置 ， 并 按 Enter 刍 


H5 设计 : 
《CK 婚礼 请 束 与 品牌 推广 设计 


确认 调整 ， 效 果 如 图 19-23 所 示 。 


名 称 (N): 自 定 
新 变 关 型 ;| 实 许 ~ < 填充 
不 者 明度 位 置 : 所 案 (D; 
LE esco: 回 | 
图 19-20 ”设置 渐变 预 设 图 19-21 填充 线性 渐变 


图 19-22 绘制 椭圆 图 19-23 调整 图 像 


在 Photoshop 工作 界面 中 ， 如 果 需 要 调整 图 像 的 大 小 及 位 置 ， 可 以 选择 “编辑 ”|“ 自 
由 变换 ”命令 对 图 像 进 行 调整 ， 运 用 移动 工具 可 以 对 图 像 进 行 位 置 调整 。 


一 
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恕 到 06] 在 “图 层 ” 面板 中 , 双击 “椭圆 1” 图 层 , 弹出 “图 层 样 式 ” 对 话 框 ,选中 “内 
发 光 ” 复 选 框 ,设置 “混合 模式 ”为 “正常 ”、“ 不 透明 度 ” 为 100%、“ 杂 色 ” 为 0%、 设 
置 发 光 颜色 为 白色 (RGB 参数 值 均 为 2355)、“ 方 法 ”为 “精确 ”、“ 源 ”为 “边缘 ”、“ 阻 塞 ” 
为 43%、“ 大 小 ”为 38 像素 、“ 范 围 ”为 100%、“ 抖 动 ”为 100%， 如 图 19-24 所 示 。 

恕 到 07] 单 击 “ 确 定 ”按钮 ， 为 “椭圆 1” 图 层 添加 图 层 样式 ， 效 果 如 图 19-25 所 示 。 


图 19-24 设置 图 层 样式 图 19-25 添加 图 层 样式 
19.2.2 设计 汽车 产品 框架 页 面 效 果 o| 


大 多 数 汽车 产品 都 会 在 车 身 的 线条 上 下 功夫 ， 而 为 了 凸显 汽车 的 特色 ， 在 汽车 页 面 效果 
的 设计 中 便 可 以 加 入 一 些 线条 框架 ， 既 能 够 增加 页 面 的 美观 度 ， 又 能 够 突出 产品 的 特色 。 下 
面 详细 介绍 设计 汽车 产品 界面 框架 效果 的 方法 。 

戎 到 01| 按 Cal+:O 组 合 键 ， 打 开 “ 汽 车 psd” 素 材 图 像 ， 将 所 选择 的 图 像 运用 移动 工 
具 拖 归 至 图 像 编 辑 窗口 中 ， 得 到 “汽车 ”图 层 ， 效 果 如 图 19-26 所 示 。 

殴 到 02] 按 Cal+T 组 合 键 ， 调 出 变换 控制 框 ， 适 当 调整 图 像 的 大 小 及 位 置 ， 按 Enter 键 
确认 变换 ， 效 果 如 图 19-27 所 示 。 

项 玉 03| 选取 工具 箱 中 的 矩形 工具 ,在 工具 属性 栏 中 设置 “选择 工具 模式 ”为 “形状 ” 、“ 填 
充 ” 为 黑色 (RGB 参数 值 均 为 0、“ 描 边 ”为 黑色 (RGB 参数 值 均 为 0)、“ 宽 度 ” 为 1 像素 ， 
在 图 像 编辑 窗口 中 绘制 一 个 如 图 19-28 所 示 的 矩形 ， 得 到 “矩形 1” 图 层 。 

恕 国 04| 在 图 像 编辑 窗口 中 ， 选 中 “和 拢 形 1” 图 层 所 对 应 的 图 像 ， 按 住 Alt 键 的 同时 ， 
用 鼠标 左 键 拖 蝴 图 像 ， 复 制 得 到 “矩形 1 拷贝 ”图 层 ， 效 果 如 图 19-29 所 示 。 
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图 19-26 拖 电 图 像 图 19-27 调整 图 像 


19-28 ”绘制 矩形 19-29 拖 电 复 制图 像 


在 Photoshop 工作 界面 中 ，Shift 键 在 设计 或 修 图 时 的 实用 功能 有 很 多 种 。 

@ 绘制 直线 : 按 住 Shift 键 ， 拖 动 鼠 标 可 以 强制 笔触 沿 水 平 或 者 垂直 方向 活动 。 
@ 移动 图 像 : 按 住 Shift 键 ， 抑 动 图 像 可 以 让 图 像 进行 水 平 或 者 答 直 方向 的 移动 。 
@ 执行 强制 比例 : 在 缩放 图 形 时 ， 按 住 Shift 键 ， 会 按照 图 像 的 原 比 例 进行 缩放 。 
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ee 
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辆 妈 05| 按 Cul+T 组 合 键 , 调 出 变换 控制 框 ， 在 工具 属性 栏 中 设置 “旋转 ”为 -90 度 ， 
适当 调整 图 像 的 大 小 及 位 置 ， 效 果 如 图 19-30 所 示 。 

莹 到 06| 在 图 像 编辑 窗口 中 ， 选 中 “和 矩形 1 拷贝 ”图 层 所 对 应 的 图 像 ， 按 住 Shift+Alt 
组 合 键 ， 同 时 用 鼠标 左 键 垂 直 拖 电 图 像 至 合适 的 位 置 ， 得 到 “和 拢 形 1 拷贝 2” 图 层 ， 效 果 如 
图 19-31 所 示 。 


调整 


图 19-30 调整 图 像 图 19-31 拖 外 复制 图 像 


基 国 07| 选中 “矩形 1” 图 层 所 对 应 的 图 像 ， 按 住 Shift+Alt 组 合 键 ， 同 时 用 鼠标 左 键 水 
平 拖 忠 图 像 至 合适 的 位 置 ， 得 到 “ 甜 形 1 拷贝 3” 图 层 ， 效 果 如 图 19-32 所 示 。 
辆 嫌 08| 按 Ctl+T 组 合 键 , 调 出 变换 控制 框 , 适当 调整 图 像 的 大 小 , 效果 如 图 19-33 所 示 。 


调整 


19-32 ” 拖 昌 复制 图 像 19-33 ”调整 图 像 
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辆 习 09| 选中 “ 迄 形 1 拷贝 3” 图 层 所 对 应 的 图 像 ， 按 住 ShifttAlt 组 合 键 ， 同 时 用 鼠标 


左 键 垂 直 拖 上 图 像 至 合适 的 位 置 ， 得 到 “和 抑 形 1 拷贝 4” 图 层 ， 效 果 如 图 19-34 所 示 。 
区 国 10| 按 Cul+T 组 合 键 , 调 出 变换 控制 框 , 适当 调整 图 像 的 大 小 , 效果 如 图 19-35 所 示 。 


19-34” 拖 电 复 制图 像 19-35 调整 图 像 


19.2.3_ 设 计 汽 车 产品 文字 修饰 效果 


设计 汽车 产品 的 推广 页 面 时 ， 一 定 要 注意 保持 页 面 简洁 ， 不 必 透 露 过 多 的 信息 ， 要 为 产 
品 保持 神秘 感 ， 让 人 有 疑惑 感 ， 勾 起 人 们 的 兴趣 。 下 面 详细 介绍 设计 汽车 产品 界面 框架 效果 


的 方法 。 


上 项 到 01] 选取 工具 箱 中 的 横 排 文字 工具 ,选择 “窗口 ”|“ 字 符 ” 命 令 , 在 弹出 的 “字符 ” 
面板 中 , 设置 “字体 系列 ”为 “ 创 艺 繁 素 书 ”、“ 字 体 大 小 ”为 64 点 、“ 颜 色 ” 为 黑色 (RGB 


参数 值 均 为 0)， 参 数 如 图 19-36 所 示 。 
如 到 02] 输入 相应 文字 ， 并 调整 至 合适 的 位 置 ， 效 果 如 图 19-37 所 示 。 


字符 | 所 车 至 
| 创 世 输 杂书 v| |Reguar |~ 
! 

! 开 64 点 v| 从 | 提 动 ~ 
IVAo ~ 四 。 ~ 
| 机 0% ~ 

(IT oo% TI, 100% 

| 名 0 点 :EE 


i 7 
fioeaAaTlw 
美国 英语 vi ~ 


19-36 ”设置 字体 系列 19-37 ”输入 相应 文字 


RR 


we] 


上 261 
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殴 玉 03| 选取 工具 箱 中 的 横 排 文字 工具 ,选择 “窗口 ”| “字符 ”命令 ,在 弹出 的 “字符 ” 
面板 中 ， 设 置 “ 字 体系 列 ” 为 “黑体 ”、“ 字 体 大 小 ”为 18 点 、“ 颜 色 ” 为 黑色 (RGB 参数 
值 均 为 0)， 参 数 如 图 19-38 所 示 。 

殴 到 04| 输入 相应 文字 ， 并 调整 至 合适 的 位 置 ， 效 果 如 图 19-39 所 示 。 


字符 | 局 等 
I MC mM 
| 
| 江 w8 点 |v 运 | 据 动 | i 
ao ~ 四 。 | 
| 输入 
| 上 | 
iT 100% TL, 100% | 
5 
| 


6 oa i 加 > 
和 | 设置 | ~、 


图 19-38 设置 字符 选项 图 19-39 输入 文字 


多 到 05] 选取 工具 箱 中 的 横 排 文字 工具 ,选择 “窗口 "| “字符 ”命令 ， 在 弹出 的 “字符 ” 
面板 中 ， 设 置 “字体 系列 ”为 “黑体 ”、“ 字 体 大 小 ”为 38 点 、“ 颜 色 ” 为 黑色 (RGB 参数 
值 均 为 0， 激活 仿 粗 体 图 标 ， 如 图 19-40 所 示 。 

虎 到 06| 输入 相应 文字 ， 并 调整 至 合适 的 位 置 ， 效 果 如 图 19-41 所 示 。 


和 x 
字符 ”及 车 至 
[ms [| KL 

| 1 
| 江 |38 点 “| 从 | 抽 || 长 沙 旗下 30 家 门店 

Wao “四 。 

网 芭 “下 

IT 100% 开 100% | 

< 

| 

| 

| 


| 讼 四 | 让 


图 19-40 设置 字符 选项 19-41 输入 文字 


姑 到 07] 展开 “图 层 ” 面板 , 在 汽车 图 层 上 方 新 建 一 个 “图 层 2” 图 层 ， 如 图 19-42 所 示 。 


ECS 


Hs 设计 : 上 服 
婚礼 请 束 与 品牌 推广 设计 此 


辆 台 08| 选中 “图 层 2” 图 层 ， 


为 100%、“ 流 量 ” 为 100%、 
型 层 。 适 道 ”器 径 至 
Pa -四 OOTHBD e 
线性 光 Y| 直通 明度: 100% ~ 


钠 E: 图 w 中 站 丰 填充 :100% ~ 


二 
中 所 口 8. 白 日 站 


19-42 ”新建 图 层 


项 到 09| 在 “图 层 ” 面 板 中 ,设置 “图 层 2” 图 层 的 “混合 模式 ”为 “线性 光 ”， 如 


图 19-44 所 示 。 
虎 台 10| 选择 “ 滤 镜 ”| 


量 ”为 100、 


x 
到 时 ”过道 基色 
Pai -vornae® 
~| 不 省 明度 : 100% ~ 
:加 A :10% ~ 


图 19-44 设置 混合 模式 


设置 前 景 
中 的 画笔 工具 , 在 工具 属性 栏 中 设置 “大 小 ” 


“模糊 方法 ”为 “缩放 ”、 


色 为 白色 (RGB 参数 值 均 为 255)， 选 取 工 具 箱 
为 200 像素 、 
“平滑 ”为 10%， 在 如 图 19-43 所 示 的 两 个 位 置 涂抹 两 个 白斑 。 


“模式 ”为 “正常 ”、“ 不 透明 度 ” 


长 沙 旗下 30 家 门店 


长 沙 瑞 代 


“模糊 ”|“ 径 向 模糊 ”命令 ， 弹 出 “ 径 向 模糊 ”对 话 框 ， 设 置 “ 数 
“品质 ”为 “好 ”， 如 图 19-45 所 示 。 


图 19-43 涂抹 画笔 


设置 


19-45 ”设置 参数 
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步骤 
步骤 有] 


图 19-47 所 示 。 


步骤 


单 击 “确定 ”按钮 ， 为 “图 层 2” 图 层 添 加 滤 镜 ， 效 果 如 图 19-46 所 示 。 
按 CaltT 组 合 键 ， 调 出 变换 控制 框 ， 适 当 调整 图 像 的 大 小 及 位 置 ， 效 果 如 


在 “图 层 ” 面 板 中 ， 选 中 “汽车 ”图 层 ， 选择“ 图 像 ”| “调整 ”|“ 曲 线 ”命令 ， 


弹出 “曲线 ”对 话 框 , 在 曲线 上 单 击 鼠 标 左 键 新 建 一 个 控制 点 , 在 下 方 设置 “输入 ”为 206、“ 输 


出 ”为 162， 如 图 19-48 所 示 。 


长 沙 旗下 30 家 门店 


长 沙 瑞 代 


19-46 添加 滤 镜 效果 


步骤 ED 
完成 汽车 产品 HS 页 面 设计 。 


是 未 孝 量 : 
© #0255)) 


项 笠 / 注 于 6) 
同 格 大 小 : 


EE 


显示 : 
通关 和 加) 
Ci 
© Ee) 
六 (N) 


19-48 ”设置 曲线 
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长 沙 旗下 30 家 门店 


长 沙 瑞 代 


19-47 调整 图 像 效 果 


单 击 “ 确 定 ” 按钮 ， 即 可 调整 “汽车 ”图 像 的 色 阶 , 效果 如 图 19-49 所 示 。 至 此 ， 


长 沙 旗下 30 家 门店 


长 沙 瑞 代 


合 : 


19-49 调整 图 像 色 阶 


知识 导读 

现 如 今 ， 伴 随 着 微 信 的 火热 发 展 ， 微 信 公 众 号 、 小 程序 也 相应 诞生 。 越 来 

越 多 的 商家 、 企 业 、 个 人 都 申请 开通 了 微 信 账号 ， 用 于 营销 或 者 其 他 用 途 。 本 
章 主要 介绍 微 信 朋友 圈 、 公 众 号 、 小 程序 的 设计 案例 方法 。 


本 章 重点 导航 


@ 修 图 APP 活动 海报 设计 
游戏 APP 启动 宣传 页 设计 


局 中 世人 4G4 隐 站 26% 09:52 


X ”倩女 幽魂 手 游 
ES - 


nf 》50 个 商业 修 图 教学 视频 
Vl 
吝 二 


Wt 
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六 完全 操作 手册 
20.1 修 图 APP 活动 海报 设计 


如 今 ， 随 着 手机 拍照 和 修 图 功能 越 来 越 强大 ， 大 家 拍 完 照 片 都 会 修一 修 ， 再 分 享 到 朋友 
圈 中 ， 因 此 修 图 APP 成 为 爱 拍照 人 士 的 必 装 应 用 小 程序 。 本 节 主 要 介绍 一 个 修 图 APP 的 首 
页 VIP 会 员 推广 广告 ， 这 则 广告 整体 采用 暗色 调 的 界面 设计 ， 彰 显 出 高 贵 、 华 丽 的 视觉 效果 。 

本 实例 最 终 效 果 如 图 20-1 所 示 。 


四 mmR 


AR 


图 20-1 实例 效果 


扫 一 扫 观 看 在 线 视 频 : 
修 图 APP 活动 海报 设计 


20.1.1 制作 VIP 推广 背景 效果 加 
下 面 介绍 制作 VIP 推广 背景 效果 的 方法 。 
区 到 01] 按 Ctl+O 组 合 键 ， 打 开 一 幅 素材 图 像 ， 如 图 20-2 所 示 。 
选取 工具 箱 中 的 裁剪 工具 ， 设 置 长 宽 比 为 720 : 480， 适 当 调整 裁剪 范围 ， 如 
到 20-3 所 示 。 
辆 如 03| 按 Enter 键 确认 裁剪 ， 效 果 如 图 20-4 所 示 。 
区 到 04] 选择 “ 滤 镜 ”|“Camera Raw 滤 镜 ”命令 ， 弹 出 Camera Raw 对 话 框 ， 如 
妈 20-5 所 示 。 
切换 至 “镜头 校正 ”选项 卡 ， 在 “ 量 影 ”选项 区 中 设置 “数量 ”为 -100， 添 
加 党 影 效果 ， 如 图 20-6 所 示 。 
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区 中 设置 “数量 ”为 -100， 


党 


切换 至 “效果 ”选项 卡 ， 在 “裁剪 后 晕 影 ” 选 
强化 暗 角 效果 ， 如 图 20-7 所 示 。 


图 
SB 
Co 
总 
由 
娄 
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话 
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20-7 ”强化 暗 角 效果 


20-6 ”添加 晶 影 效果 


苞 王 07| 切换 至 “基本 ”选项 卡 ， 设 置 “ 自 然 饮 和 度 ” 为 28， 增 加 画面 的 色彩 浓度 ， 
效果 如 图 20-8 所 示 。 
单 击 “ 确 定 ”按钮 ， 应 用 Camera Raw 滤 镜 调整 ， 效 果 如 图 


20-9 所 示 。 
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图 20-8 ”增加 画面 饱和 度 图 20-9 应 用 Camera Raw 滤 镜 效果 


20.1.2 制作 VIP 推广 主体 效果 o| 


下 面 介绍 制作 VIP 推广 主体 效果 的 方法 。 

辆 台 01| 选取 工具 箱 中 的 矩形 工具 ， 在 工具 属性 栏 中 设置 “填充 ”为 蓝 色 (RGB 参数 值 
分 别 为 0、160、233)、“ 描 边 ” 为 无 ， 绘 制 一 个 矩形 图 形 ， 效 果 如 图 20-10 所 示 。 

项 到 02| 在 “图 层 ” 面板 中 , 设置 “矩形 1” 图 层 的 “不 透明 度 ” 为 80%, 如 图 20-11 所 示 。 


图 旺 ”通关 路径 
阁 v8@THH 了 
正常 ~| 和 明度 : 80% "|~ 


议定 : 图 A 中 二 自 填充 : 100% ~ 


图 20-10 ”绘制 矩形 图 形 图 20-11 设置 不 透明 度 


辆 如 03| 执行 操作 后 ， 即 可 改变 矩形 图 形 的 不 透明 度 效果 ， 如 图 20-12 所 示 。 
区 国 04| 在 “图 层 ”面板 中 ， 复 制 “ 和 矩形 1” 图 层 ， 得 到 “矩形 1 拷贝 ”图 层 ， 如 
了 20-13 所 示 。 


5P 专家 据点 


如 果 要 同时 处 理 多 个 图 层 中 的 内 容 ( 如 移动 、 应 用 变化 或 创建 剪贴 蒙 版 )， 可 以 将 这 
些 图 层 链接 在 一 起 。 选择 两 个 或 多 个 图 层 , 然后 选择 “图 层 ”|“ 链 接 图 层 ” 命令 或 单 击 “ 图 
层 ” 面 板 底 部 的 “链接 图 层 ” 按 钮 3 ， 部 可 以 将 选择 的 图 层 链接 起 来 。 如 果 要 取消 链接 ， 
可 以 选择 其 中 一 个 链接 图 层 ， 然 后 单 击 “链接 图 层 ” 按 钮 ES3 ， 即 可 取消 链接 。 
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正常 ~ 不 透明 度 : 80% ~ 


锁 E: 四 中 生境 t: 100% ~ 


。 国 束 兽 
“加 ma 


所 口 8. 口 日 全 


图 20-12 图 像 的 不 透明 效果 图 20-13 复制 图 层 


芝 到 05| 按 Cal+HT 组 合 键 ， 调 出 变换 控制 框 ， 适 当 调 整 矩 形 图 像 的 大 小 和 位 置 ， 效 果 
如 图 20-14 所 示 。 

毁 到 06| 选取 工具 箱 中 的 矩形 工具 ， 在 工具 属性 栏 中 设置 “填充 ”为 无 、“ 描 边 ”为 白 
色 (RGB 参数 值 均 为 255)、“ 描 边 宽度 ”为 1 像素 ， 效 果 如 图 20-15 所 示 。 


图 20-14 调整 矩形 图 像 图 20-15 调整 图 像 效 果 


戎 到 07| 按 CultO 组 合 键 ， 打 开 “ 彩 带 psd” 素 材 图 像 ， 运 用 移动 工具 将 其 拖 电 至 当 
前 图 像 编辑 窗口 中 的 合适 位 置 ， 效果 如 图 20-16 nr 

辆 双 08| 选取 工具 箱 中 的 横 排 文 字 工 具 , 在 “字符 ”面板 中 设置 “字体 系列 ”为 “Modern 
No.20”、“ 字 体 大 小 ”为 111 点 、 “颜色 ” id 参数 值 分 别 为 241、182、79)， 激 
活 仿 粗 体 图 标 ， 如 图 20-17 所 示 。 

恕 到 09| 输入 相应 的 文本 ， 调 整 至 适当 位 置 ， 效 果 如 图 20-18 所 示 。 

辆 可 10 在 “图 层 ” 面 板 中 双击 文字 图 层 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 ， 选 中 “ 斜 
面 和 浮雕 ” 复 选 框 ， 设 置 “ 大 小 ”为 10 像素 、“ 和 角度 ”为 90 度 、“ 高 度 ” 为 30 度 ， 如 
图 20-19 所 示 。 
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图 20-18 输入 文字 图 20-19 设置 “斜面 和 浮雕 ”参数 


辆 悦 11 选中 “投影 ” 复 选 框 ， 相 关 参 数 设置 如 图 20-20 所 示 。 
辆 弹 12| 单 击 “确定 ”按钮 ， 添 加 相应 的 图 层 样式 ， 效 果 如 图 20-21 所 示 。 


图 20-20 设置 “投影 ” 参 妆 图 20-21 添加 图 层 样式 


殴 国 13| 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “经 典 
粗 宋 简 ”、“ 字 体 大 小 ”为 31 点 、“ 颜 色 ” 为 白色 (RGB 参数 值 均 为 255)， 如 图 20-22 所 示 。 


N290 


JE ee 


APP 设计 . 攻 
< 活动 海报 和 游戏 宣传 设计 必 


茹 品 14| 输入 相应 的 文字 ， 调 整 至 适当 位 置 ， 效 果 如 图 20-23 所 示 。 


了 》50 个 商业 修 图 教学 视频 
A 


(WA, 本 
2 汪 人 
- Ed 


20-22 设置 字符 属性 图 20-23 输入 文字 


加 到 15|] 按 Cal+o 组 合 键 ， 打 开 “ 底 纹 psd” 素 材 图 像 ， 运 用 移动 工具 将 其 拖 电 至 当 
前 图 像 编辑 窗口 中 的 合适 位 置 ， 效 果 如 图 20-24 所 示 。 

苞 王 16| 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “华文 
细 黑 ”、“ 字 体 大 小 ”为 25 点 、“ 颜 色 ” 为 黑色 (RGB 参数 值 均 为 0)， 激 活 仿 粗 体 图 标 ， 输 
入 相应 的 文字 ， 效 果 如 图 20-25 所 示 。 


》 50 个 商业 修 图 教学 视频 
Pe 


图 20-24 拖 披 底 纹 素材 图 20-25 输入 文字 


20.2 游戏 APP 启动 宣传 页 设计 


如 今 ， 手 机 游戏 呈现 全 面 繁 荣 的 发 展 趋势 ， 而 且 玩 家 对 于 游戏 画面 的 审美 观 和 交互 形式 
等 要 求 也 越 来 越 高 ， 界 面 是 否 美观 ， 操 作 是 否 顺手 ， 这 些 都 是 决定 玩家 对 游戏 产生 兴趣 的 关 
键 因 素 。 对 于 游戏 UI 来 说 ,界面 画 风 、 操 作 流 程 以 及 交互 体验 等 设计 要 素 ， 都 是 设计 者 需 
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要 重点 考虑 的 范畴 。 

本 实例 介绍 的 是 一 个 游戏 APP 的 启动 界面 微 网 页 ， 通 过 微 网 页 进行 宣传 ， 可 以 将 其 很 好 
地 与 微 信 等 社交 媒体 相 结合 ， 扩 大 游戏 APP 的 宣传 面 ， 让 更 多 玩家 了 解 和 试 玩 。 

本 实例 最 终 效果 如 图 20-26 所 示 。 


20-26 ”实例 效果 


扫 一 扫 观 看 在 线 视频 : 
游戏 启动 APP 宣传 页 设计 


20.2.1 ”制作 游戏 宣传 背景 效果 o| 

下 面 介 绍 制 作 游 戏 APP 启动 宣传 页 背景 效果 的 方法 。 

辆 避 01| 选择 “文件 ”| “新 建 ” 命令 , 弹出 “新 建文 档 ” 对话 框 , 新 建 一 幅 RGB 模式 图 像 ， 
相关 设置 如 图 20-27 所 示 。 

殴 到 02] 按 Cal+O 组 合 键 ， 打 开 “ 游 戏 画 面 jpg” 素 材 图 像 ， 如 图 20-28 所 示 。 

辆 如 03| 选择 “图 像 ”| “调整 ”|“ 亮 度 /对比度 ”命令 ， 弹 出 “亮度 /对比度 ”对 话 框 ， 
设置 “亮度 ”为 10、“ 对 比 度 ” 为 22， 如 图 20-29 所 示 。 

殴 玉 04| 单 击 “确定 ”按钮 ， 调 整 图 像 的 亮度 和 对 比 度 ， 效 果 如 图 20-30 所 示 。 

区 国 05| 选择 “图 像 "| “调整 "1“ 自 然 饱 和 度 ” 命令 , 弹出 “自然 饱和 度 ”对 话 框 , 设置 “ 自 
然 饱 和 度 ” 为 50、“ 饱 和 度 ” 为 8， 如 图 20-31 所 示 。 

恕 玉 06] 单 击 “确定 ”按钮 ， 调 整 画面 的 色彩 饱和 度 ， 效 果 如 图 20-32 所 示 。 
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图 20-27 新建 空白 文档 图 20-28 ”打开 游戏 画面 素材 
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图 20-29 设置 “亮度 /对比度 ”参数 


图 20-31 设置 “自然 饱和 度 ” 参 数 图 20-32 调整 饱和 度 效果 
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| 47 专家 指点 2 


使 用 “亮度 / 对比度” 命令 可 以 对 图 像 的 色彩 进行 简单 的 调整 ， 它 对 图 像 的 每 个 像素 
都 可 以 进行 同样 的 调整 。“ 亮 度 /对 比 度 ” 命 令 对 单个 通道 不 起 作用 ， 所 以 该 调整 方法 不 
适用 于 高 精度 输出 。 


区 国 07| 运用 移动 工具 将 游戏 画面 拖 电 至 背景 图 像 编辑 窗口 中 的 合适 位 置 ， 效 果 如 
图 20-33 所 示 。 

葬 避 08| 按 CealT 组 合 键 ， 调 出 变换 控制 框 ， 适 当 调整 游戏 画面 的 大 小 和 位 置 ， 效 果 
如 图 20-34 所 示 。 


图 20-33” 拖 中 图 像 图 20-34 调整 图 像 


葬 避 09| 选取 工具 箱 中 的 渐变 工具 , 调 出 “渐变 编辑 器 ”对 话 框 , 设置 渐变 色 为 红色 (RGB 
参数 值 分 别 为 186、0、4) 到 透明 色 ， 如 图 20-35 所 示 。 
辆 赔 10| 新 建 “ 图 层 2” 图 层 ,运用 渐变 工具 从 下 至 上 填充 线性 渐变 ,效果 如 图 20-36 所 示 。 


名 WIN 自 室 
寺 有 站 于 型 实 底 


图 20-35 设置 渐变 色 图 20-36 填充 线性 渐变 
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20.2.2 ”制作 游戏 宣传 主体 效果 局 


下 面 介 绍 制作 游戏 APP 启动 宣传 界面 微 网 页 主体 效果 的 方法 。 

上 到 01] 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “长 城 
行 楷体 ”、“ 字 体 大 小 ”为 200 点 、“ 设 置 所 选 字符 的 字 距 调整 ”为 -200、“ 颜 色 ” 为 浅 蓝 
色 (RGB 参数 值 分 别 为 225、255、255)， 激 活 仿 粗 体 图 标 ， 如 图 20-37 所 示 。 

恕 到 02] 输入 相应 的 文字 ， 适 当 调整 其 位 置 ， 效 果 如 图 20-38 所 示 。 


其 

字符 所 要 

| 长城 生 相 休 ~ 加 

| 如 am 点 “| 这 [四 动 | 

IVAo ~ 四 -2 v| 
mow ~ |<| 设置 

iT 100% 开 100% | 

局 呈 Re: | 


fieHt AaaTlw 
美国 英语 va ~ 


图 20-37 设置 字符 属性 图 20-38 输入 文字 


在 Photoshop 中 ， 在 英文 输入 法 状态 下 ， 按 工 键 ， 也 可 以 快速 切换 至 横 排 文字 工具 ， 
然后 在 图 像 编 辑 窗口 中 输入 相应 文本 内 容 即 可 ， 如 果 输 入 的 文字 位 置 不 能 满足 用 户 的 需 
求 ， 此 时 用 户 可 以 通过 移动 工具 ， 将 文字 移动 到 相应 位 置 即 可 。 


殴 王 03| 在 “图 层 ” 面 板 中 双击 文字 图 层 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 ， 选 中 “ 渐 
变 释 加 ” 复 选 框 ， 单 击 “ 点 按 可 编辑 渐变 ”按钮 ， 弹 出 “渐变 编辑 器 ”对 话 框 ,设置 渐变 色 
为 红色 (RGB 参数 值 分 别 为 186、0、4) 到 白色 ， 将 白色 色 标 调整 至 80% 的 位 置 ， 如 图 20-39 
所 示 。 

区 到 04] 单 击 “确定 ”按钮 ， 返 回 “ 图 层 样式 ”对 话 框 ， 相 关 参 数 设置 如 图 20-40 所 示 。 

项 到 05] 选中 “投影 ” 复 选 框 ， 相 关 参 数 设置 如 图 20-41 所 示 。 

辆 强 06| 单 击 “ 确 定 ” 按 钮 ， 添 加 相应 的 图 层 样式 效果 ， 如 图 20-42 所 示 。 

辆 到 07| 复制 文字 图 层 ， 适 当 调 整 其 位 置 ， 制 作 立 体 文字 效果 ， 如 图 20-43 所 示 。 

辆 可 08| 新 建 “ 图 层 3” 图 层 ， 运 用 矩形 选 框 工具 创建 一 个 矩形 选区 ， 如 图 20-44 所 示 。 
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图 20-41 设置 “投影 ”参数 ga 


图 20-43 ”制作 立体 文字 效果 Oe 
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在 创建 选区 后 ， 为 了 防止 因 错 误 操 作 而 造成 选区 丢失 ,或 者 后 面 制 作 其 他 效果 图 时 
还 需要 更 改选 区 ， 用 户 可 以 先 将 该 选区 保存 。 选 择 菜单 栏 中 的 “选择 ”|“ 存 储 选 区 ” 命 
令 ， 弹 出 “存储 选区 ”对 话 框 ， 在 弹出 的 对 话 框 中 设置 存储 选区 的 各 选项 ， 单 击 “ 确 定 ” 
按钮 后 即 可 存储 选区 。 


芝 玉 09| 选取 工具 箱 中 的 渐变 工具 ， 在 选区 中 间 至 四 周 填充 红色 (RGB 参数 值 分 别 为 
186、0、4) 到 透明 色 的 径 向 渐变 ， 并 取消 选区 ， 效 果 如 图 20-45 所 示 。 

辆 如 10| 选取 工具 箱 中 的 横 排 文字 工具 ， 在 “字符 ”面板 中 设置 “字体 系列 ”为 “微软 
雅 黑 ”、“ 字 体 大 小 ”为 30 点 、“ 颜 色 ” 为 浅 蓝 色 (RGB 参数 值 分 别 为 208、230、250)， 激 
活 仿 粗 体 图 标 ， 输 入 相应 文字 ， 效 果 如 图 20-46 所 示 。 

区 到 11] 按 Cel+O 组 合 键 ， 打 开 “ 文 字 psd” 素 材 图 像 ， 运 用 移动 工具 将 其 拖 电 至 当 
前 图 像 编 辑 窗口 中 的 合适 位 置 ， 效 果 如 图 20-47 所 示 。 
毁 到 12] 按 Ctrl+Oo 组 合 键 ， 打 开 “ 按 钮 psd” 素 材 图 像 ， 运 用 移动 工具 将 其 拖 电 至 当 
前 图 像 编 辑 窗口 中 的 合适 位 置 ， 效 果 如 图 20-48 所 示 。 


型 


图 20-45 填充 径 向 渐变 图 20-46 ”输入 相应 文字 图 20-47 拖 电 文字 素材 图 20-48 拖 虫 按钮 素材 


要 


